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

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

Echarts学习笔记

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

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

Echarts学习笔记

 

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

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

Echarts学习笔记

Echarts学习笔记

 

 

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

xAxis和yAxis属性:splitLine和splitArea;

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

xAxis和yAxis属性:axisLine;

效果图如下:

Echarts学习笔记

代码如下:

Echarts学习笔记

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

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

 

相关文章: