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