一、關於Echarts圖形的基本設置都是在 option中完成的,具體的配置可以參考官網鏈接:
1、注意關鍵詞:emphasis,表示的是高亮的樣式,就是當鼠標懸浮在圖形元素上是,會出現點亮的效果
2、loading動畫:如果數據加載的時候需要較長的時間,我們就需要在開始的位置加上一個動畫更形象,當數據加載
之前我們會調用 showLoading 方法顯示,數據來了之後就調用 hideLoading 方法隱藏,代碼使用如下:
myChart.showLoading();
$.get('data.json').done(function (data) {
myChart.hideLoading();
myChart.setOption(...);
});
使用規則,首先myChart.showLoading();這個是放在界面配置完之後再放入,也就是需要放在option之後,在myChart.setOption(...);的前面進行調用 hideLoading ,這樣就完成了,藉助官網栗子,開始如圖: