echart2 图表绑定点击事件案列

前端之家收集整理的这篇文章主要介绍了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;
})


猜你在找的JavaScript相关文章