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

可可可可可达鸭

于 2023-02-02 11:18:23 发布

阅读量6k

点赞数 9

分类专栏： echarts 文章标签： echarts javascript 前端

本文链接：https://blog.youkuaiyun.com/renhuoyishi99/article/details/128846932

版权

echarts 专栏收录该内容

1 篇文章

订阅专栏

在这里插入图片描述
需求是元向下移动，和数字一条线。
上网搜了很多，说的都是使用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"
                    },