Echarts基本入門(一)

一、關於Echarts圖形的基本設置都是在 option中完成的,具體的配置可以參考官網鏈接:

https://www.echartsjs.com/zh/tutorial.html#ECharts%20%E4%B8%AD%E7%9A%84%E6%A0%B7%E5%BC%8F%E7%AE%80%E4%BB%8B

1、注意關鍵詞:emphasis,表示的是高亮的樣式,就是當鼠標懸浮在圖形元素上是,會出現點亮的效果

2、loading動畫:如果數據加載的時候需要較長的時間,我們就需要在開始的位置加上一個動畫更形象,當數據加載

之前我們會調用 showLoading 方法顯示,數據來了之後就調用 hideLoading 方法隱藏,代碼使用如下:

myChart.showLoading();
$.get('data.json').done(function (data) {
    myChart.hideLoading();
    myChart.setOption(...);
});

使用規則,首先myChart.showLoading();這個是放在界面配置完之後再放入,也就是需要放在option之後,在myChart.setOption(...);的前面進行調用 hideLoading ,這樣就完成了,藉助官網栗子,開始如圖:

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