Echarts设置y轴值间隔

最新推荐文章于 2025-06-25 11:48:32 发布

祈澈菇凉

最新推荐文章于 2025-06-25 11:48:32 发布

阅读量8w

点赞数 4

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/qq_36538012/article/details/88889342

需求：如图，y轴之间的距离太小，这样就太过于拥挤了，现在要修改echarts里面的属性，设置y轴值间隔让图表看上去舒服一些。

其实很多问题，真的只是因为自己没有好好的看文档，很多文档上面都写的清清楚楚的，主要是设置这段代码，max（设置y轴最大值）和splitNumber

总结一下公式就是，

max/ splitNumber=y轴值间隔

（比如将y轴200平均成5个点，每个点的间距就是40）


yAxis : [ { // 纵轴标尺固定
            type : 'value',
            scale : true,
            max : 200,
            min : 0,
            splitNumber : 5,
            boundaryGap : [ 0.2, 0.2 ]
        } ],

可以看一下修改之后的结果：比之前好很多。

原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe1
90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，对于博客上面有不会的问题，可以加入qq技术交流群聊：649040560。