Echarts设置y轴值间隔

您所在的位置:网站首页 echarts自定义y轴刻度间距 Echarts设置y轴值间隔

Echarts设置y轴值间隔

#Echarts设置y轴值间隔| 来源: 网络整理| 查看: 265

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

5640239-859158288f07a9e5.png

其实很多问题,真的只是因为自己没有好好的看文档,很多文档上面都写的清清楚楚的,主要是设置这段代码,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 ] } ],

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

5640239-441428a475afced4.png

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3