Echarts Y轴数值（正负数）转化成万亿单位 (原本的转化有问题，且代码太多，已优化)

gaolei_eit

已于 2023-05-22 09:37:48 修改

阅读量2.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Echarts 文章标签： echarts javascript

于 2022-09-08 20:21:07 首次发布

本文链接：https://blog.csdn.net/weixin_39428080/article/details/126771473

Echarts 专栏收录该内容

15 篇文章

订阅专栏

这篇博客详细介绍了如何使用Echarts配置Y轴，包括隐藏刻线、设置标签颜色和字体大小，并实现了当数值达到一定程度时以亿或万为单位显示，提升了图表的易读性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

yAxis: {
            gridIndex: 0,
            type: 'value',
            axisTick: { show: false }, //y坐标轴刻线
            axisLabel: {
                color: '#A0A4AA',
                fontSize: 10,
                axisLabel: {
                fontSize: 9,
                color: '#999999',
                formatter(v) {
                    v = v.toString()
                      if (Math.abs(v) >= 100000000) {
                        return (v / 100000000).toFixed(1) + '亿'
                      } else if (Math.abs(v) >= 10000) {
                        return (v / 10000).toFixed(1) + '万'
                      } else {
                        return v
                      }
                    },
                  },
            },

        },