Echarts学习笔记

 

一、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