Echarts在手机端y轴数据过大，显示不全

ECharts Y轴优化技巧

最新推荐文章于 2023-03-09 15:04:37 发布

weixin_30847865

最新推荐文章于 2023-03-09 15:04:37 发布

阅读量418

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tangchun/p/10056849.html

本文分享了在使用ECharts时，如何通过调整Y轴的margin和格式化数值来优化图表展示效果的具体方法。通过减少Y轴的边距并自定义数值格式，使图表更加紧凑且易于阅读。

解决办法：

减少y轴的margion，和格式化y轴

 myChart.setOption({
         ...,
          yAxis: {
            axisLabel: {
              margin: 2,
              formatter: function (value, index) {
                if (value >= 10000 && value < 10000000) {
                  value = value / 10000 + "万";
                } else if (value >= 10000000) {
                  value = value / 10000000 + "千万";
                }
                return value;
              }
            },
          },
          series: this.series
        });