Echarts 圖例交互事件，及使用、添加loading 狀態

Echarts 圖例交互事件

圖例交互事件：

1. legendselectchanged : 切換圖例選中狀態后的事件 (注：圖例組件用戶切換圖例開關會觸發該事件,不管你有沒有選擇，點擊了就觸發)
2. legendselected：例組件用legendSelect 圖例選中后的事件，即點擊顯示該圖例時，觸發就生效。
3. legendunselected： legendUnSelect 圖例取消選中后的事件。

其它事件：

4. datazoom：數據區域縮放后的事件。縮放視覺映射組件。
5. datarangeselected：selectDataRange 視覺映射組件中，range 值改變后觸發的事件。
6. timelinechanged：timelineChange 時間軸中的時間點改變后的事件。
7. timelineplaychanged：timelinePlayChange 時間軸中播放狀態的切換事件。
8. restore： restore 重置 option 事件。
9. dataviewchanged：工具欄中數據視圖的修改事件。
10. magictypechanged：工具欄中動態類型切換的切換事件。
11. geoselectchanged：geo 中地圖區域切換選中狀態的事件（用戶點擊選中會觸發該事件。）。
12. geoselected：geo 中地圖區域選中后的事件（使用dispatchAction可觸發此事件，用戶點擊不會觸發此事件（用戶點擊事件請使用 geoselectchanged））。
13. geounselected：geo 中地圖區域取消選中后的事件，使用dispatchAction可觸發此事件，用戶點擊不會觸發此事件（用戶點擊事件請使用 geoselectchanged）。
14. pieselectchanged：series-pie 中餅圖扇形切換選中狀態的事件，用戶點擊選中會觸發該事件。
15. pieselected：series-pie 中餅圖扇形選中后的事件，使用dispatchAction可觸發此事件，用戶點擊不會觸發此事件（用戶點擊事件請使用 pieselectchanged）。
16. pieunselected：series-pie 中餅圖扇形取消選中后的事件，使用dispatchAction可觸發此事件，用戶點擊不會觸發此事件（用戶點擊事件請使用 pieselectchanged）。
17. mapselectchanged： series-map 中地圖區域切換選中狀態的事件，用戶點擊選中會觸發該事件。
18. mapselected：series-map 中地圖區域選中后的事件，使用dispatchAction可觸發此事件，用戶點擊不會觸發此事件（用戶點擊事件請使用 mapselectchanged）。
19. mapunselected：series-map 中地圖區域取消選中后的事件，使用dispatchAction可觸發此事件，用戶點擊不會觸發此事件（用戶點擊事件請使用 mapselectchanged）。
20. axisareaselected：平行坐標軸 (Parallel) 范圍選取事件，當進行坐標軸范圍選取時，可以用如下方式獲取當前高亮的線所對應的 data indices （即 series 的 data 中的序號列表）。

使用方法：

myChart.on("legendselectchanged", function(params) {
  console.log(params) // {name: "", selected: {...}, type: "legendselectchanged"}
}

ps：新版本 echarts 支持雙擊

myChart.on('click', function (params) {...

myChart.on('dblclick', function (params) {...

loading 狀態

配置項：

default: {
  text: 'loading',
  color: '#c23531',
  textColor: '#000',
  maskColor: 'rgba(255, 255, 255, 0.8)',
  zlevel: 0,

  // 字體大小。從 `v4.8.0` 開始支持。
  fontSize: 12,
  // 是否顯示旋轉動畫（spinner）。從 `v4.8.0` 開始支持。
  showSpinner: true,
  // 旋轉動畫（spinner）的半徑。從 `v4.8.0` 開始支持。
  spinnerRadius: 10,
  // 旋轉動畫（spinner）的線寬。從 `v4.8.0` 開始支持。
  lineWidth: 5,
  // 字體粗細。從 `v5.0.1` 開始支持。
  fontWeight: 'normal',
  // 字體風格。從 `v5.0.1` 開始支持。
  fontStyle: 'normal',
  // 字體系列。從 `v5.0.1` 開始支持。
  fontFamily: 'sans-serif'
}

使用：

myChart.showLoading({
  text: 'loading',
  color: '#c23531',
  textColor: '#fff',
  maskColor: 'rgba(255, 255, 255, 0.2)',
  zlevel: 0,
});

// setOption前隱藏loading事件 
myChart.hideLoading();