echart使用总结

ECharts纵坐标配置技巧

最新推荐文章于 2025-06-25 15:25:33 发布

weixin_30435261

最新推荐文章于 2025-06-25 15:25:33 发布

阅读量152

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/huangxingquan/p/7230454.html

本文介绍了使用ECharts时如何有效配置纵坐标轴，包括设置值的范围、间隔及显示方式等，通过具体实例帮助读者更好地掌握图表配置方法。

1.在配置图表纵坐标间隔、控制显示范围常用的配置组合：

(1)y轴值位于-1~1之间

  yAxis: {
                  type: "value",
                  splitNumber: 5,
                  minInterval: 5,
                  scale: true,
                  max: 1,
                  interval: 0.2，

　　　　　　　　　　　 axisLine: {
　　　　　　　　　　　　　　onZero: false,
　　　　　　　　　　　　　　lineStyle: {
　　　　　　　　　　　　　　　　color: "#666",
　　　　　　　　　　　　　　}
　　　　　　　　　　　　}

例如：

（2）这个更为常用

 1   yAxis: {
 2                 type: "value",
 3                 splitNumber: 10,
                   interval: 0.2,
 6                 axisLine: {
 7                       onZero: false,
 8                       lineStyle: {
 9                               color: "#666",
10                       }
11                  }
12 }