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();