首页 前端知识 echarts图,给x轴设置name后,调整name位置

echarts图,给x轴设置name后,调整name位置

2024-03-01 12:03:44 前端知识 前端哥 623 491 我要收藏

在这里插入图片描述
需求是元向下移动,和数字一条线。
上网搜了很多,说的都是使用padding即可。
代码如下:

type: 'value',
name: "(元)",
axisTick: {
show: false,
},
nameTextStyle: {
fontFamily: 'ABBvoice_WCNSG_Rg',
color: '#9f9f9f',
fontSize: 14,
padding:[8,0,0,10]
},
复制

只需要看nameTextStyle即可,其他的是让你知道这个放在哪里,和谁同级,这都是在xAxis中的,
但是我们会发现 padding中的8未生效,10生效了,这时候我们加一个verticalAlign: “top”,就可以了

type: 'value',
name: "(元)",
axisTick: {
show: false,
},
nameTextStyle: {
fontFamily: 'ABBvoice_WCNSG_Rg',
color: '#9f9f9f',
fontSize: 14,
padding:[8,0,0,10],
verticalAlign: "top"
},
复制
转载请注明出处或者链接地址:https://www.qianduange.cn//article/3028.html
标签
评论
发布的文章

如何定义 jQuery 函数?

2024-03-20 11:03:16

jQuery事件方法

2024-03-20 11:03:06

JQuery前端操作JSON浅谈

2024-03-12 01:03:20

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!