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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章