微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

echart2 图表绑定点击事件案列

参考:

http://echarts.baidu.com/echarts2/doc/example/map2.html

代码示例:

option = {
    tooltip : {
        trigger: 'item',        formatter: '{b}'
    },    series : [
        {
            name: '中国',            type: 'map',            mapType: 'china',            selectedMode : 'multiple',            itemStyle:{
                normal:{label:{show:true}},                emphasis:{label:{show:true}}
            },            data:[
                {name:'广东',selected:true}
            ]
        }
    ]
};
var ecConfig = require('echarts/config');
myChart.on(ecConfig.EVENT.MAP_SELECTED, function (param){
    var selected = param.selected;
    var str = '当前选择: ';
    for (var p in selected) {
        if (selected[p]) {
            str += p + ' ';
        }
    }
    document.getElementById('wrong-message').innerHTML = str;
})

绑定事件核心代码

var ecConfig = require('echarts/config');
myChart.on(ecConfig.EVENT.MAP_SELECTED, function (param){
    var selected = param.selected;
    var str = '当前选择: ';
    for (var p in selected) {
        if (selected[p]) {
            str += p + ' ';
        }
    }
    document.getElementById('wrong-message').innerHTML = str;
})


版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐