给ecahrts 添加选中效果
如果需要在点击图表的某一数据之后而产生一些联动效果,比如弹窗、数据展示等,就需要用到echarts的一个API了 以饼图为例,其他类型也都适用~
myChart.on('click', 'series', (a) => {
let { seriesIndex, dataIndex } = a;
//先取消所有的高光
for (let i = 0; i < data.length; i++) {
echartObj.dispatchAction({
type: 'downplay',
seriesIndex: 0,
dataIndex: i
});
}
// 再高光选中的
echartObj.dispatchAction({
type: 'highlight',
seriesIndex,
dataIndex
});
// 一些自己的操作
// ...
});