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

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

2024-03-01 12:03:44 前端知识 前端哥 604 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

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