Echarts学习笔记

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Julylyna/article/details/80690191

 

一、echarts中横坐标(x轴)值自动间隔显示的解决方案:

echarts中,若x轴数据太多,会自动间隔显示(如下图),这时我们可以通过属性xAxis属性axisLabel:interval和rotate来进行调整;

interval:0--x轴数据全部显示;

rotate:40--x轴数据倾斜显示;

 

二、echarts中纵坐标(y轴)值太长显示不全的解决方案:

echarts中,若y轴值太长,便会无法显示完全(如下图),这里的数据是从后台获取的,也就是说值不固定。若y轴的值越来越大,就会出现显示不全的情况。这时我们可以通过属性yAxis属性:formatter函数来进行调整;

 

 

三、去掉网格线及网格区域颜色:

xAxis和yAxis属性:splitLine和splitArea;

四、改变x轴和y轴颜色等样式:

xAxis和yAxis属性:axisLine;

效果图如下:

代码如下:

五、设置x轴和y轴起始值为数据的最小值:

xAxis和yAxis属性:type=value  scale: true

 

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页