【随记】-【Echarts】给图形添加选中效果

65 阅读1分钟

给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
    });
    // 一些自己的操作 
    // ...
});