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可触发此事件，⽤户点击不会触发此事件（⽤户点击事件请使
htmlradio添加切换事件
⽤ 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 中的序号列表）。
使⽤⽅法：
<("legendselectchanged", function(params) {
console.log(params) // {name: "", selected: {...}, type: "legendselectchanged"}
}
ps：新版本 echarts ⽀持双击
<('click', function (params) {...
<('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();

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。