Echarts设置y轴值间隔

需求:如图,y轴之间的距离太小,这样就太过于拥挤了,目前要修改echarts里面的属性,设置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 ]
        } ],

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

Echarts设置y轴值间隔


© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容