echart 饼图选择事件

最新推荐文章于 2024-11-05 15:46:36 发布

原创最新推荐文章于 2024-11-05 15:46:36 发布 · 5.1k 阅读

0 ·

CC 4.0 BY-SA版权

前台专栏收录该内容

3 篇文章

订阅专栏

本文深入探讨了ECharts配置文件中如何通过事件处理实现饼图交互功能，具体解析了`pieSelected`事件回调函数的工作原理及应用。

var ecConfig = require('echarts/config');
myChart.on(ecConfig.EVENT.PIE_SELECTED, function(param){
    var selected = param.selected;
    var serie;
    var str = '当前选择： ';
    for (var idx in selected) {
        serie = option.series[idx];
        for (var i = 0, l = serie.data.length; i < l; i++) {

            if (selected[idx][i]) {
             //SOP
                str += '【系列' + idx + '】' + serie.name + ' : ' +
                       '【数据' + i + '】' + serie.data[i].name + ' ';
            }
        }
    }
    document.getElementById('wrong-message').innerHTML = str;

})

回调函数里param参数里的格式详细不太清楚。

代码摘自文档example/pie3.html