需求: 如图, 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 ]
- } ],
可以看一下修改之后的结果: 比之前好很多.
来源: http://www.jianshu.com/p/a42e1f81dd11