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