Question

e_charts如何添加地图markPoint的点击事件？？？？？比如我要点击下图中的那个点并且出现浮动框

是点击后弹出新窗口，不是地图上那个标签框，那个原本就有的

Answer 1

API上不是有吗？

option= {
                title: {
                    text:'山东省事业费开支情况',
                    textStyle:{fontSize: 20,fontWeight:'bolder',color:'#333'},
                    x:'center'
                },
                tooltip: {
                    trigger:'item'
                },
                legend: {
                    orient:'vertical',
                   x:'left',
                    data: ['开支比例']
               },
                dataRange: {
               min: 0,
               max: 1000,
               color:['orange','yellow'],
               text:['高','低'],
               x:'right',
               y:'bottom',
               calculable : true
               },
                series: [
        {
            name:'开支比例',
            type:'map',
            mapType:'山东',
            selectedMode: 'single',
            itemStyle: {
                normal: { label: { show:true },color:'black' },
                emphasis: { label: { show:true} }
            },
            mapLocation:{x:'center',y:'center'},
            mapValuePrecision:2,
            roam:false,
            data: [
 {name: "烟台市",value: Math.round(Math.random()*1000)},
 {name: "临沂市",value: Math.round(Math.random()*1000)},
 {name: "潍坊市",value: Math.round(Math.random()*1000)},
 {name: "青岛市",value: Math.round(Math.random()*1000)},
 {name: "菏泽市",value: Math.round(Math.random()*1000)},
 {name: "济宁市",value: Math.round(Math.random()*1000)},
 {name: "德州市",value: Math.round(Math.random()*1000)},
 {name: "滨州市",value: Math.round(Math.random()*1000)},
 {name: '聊城市',value: Math.round(Math.random()*1000)},
 {name: "东营市",value: Math.round(Math.random()*1000)},
 {name: "济南市",value: Math.round(Math.random()*1000)},
 {name: "泰安市",value: Math.round(Math.random()*1000)},
 {name: "威海市",value: Math.round(Math.random()*1000)},
 {name: "日照市",value: Math.round(Math.random()*1000)},
 {name: "淄博市",value: Math.round(Math.random()*1000)},
 {name: "枣庄市",value: Math.round(Math.random()*1000)},
 {name: "莱芜市",value: Math.round(Math.random()*1000)}
 
        ],
        geoCoord: {
             "烟台":[120.78,37.63],
         "潍坊":[119.14,36.64],
         "临沂":[118.35,35.40],
         "青岛":[120.50,36.45],
         "济南":[117.20,36.98],
         "莱芜":[117.70,36.38],
         "滨州":[117.87,37.60],
         "聊城":[115.96,36.51],
         "日照":[119.32,35.61],
         "泰安":[117.07,36.16],
         "济宁":[116.88,35.45],
         "枣庄":[117.36,35.00],
         "淄博":[118.08,36.72],
         "德州":[116.73,37.32],
         "威海":[122.00,37.25],
         "东营":[118.75,37.67],
         "菏泽":[115.66,35.32]
        }
        },
        {
            name: '存在超支项目',
            type: 'map',
            mapType: '山东',
            data:[],
            markPoint : {
                symbol:'star',
                symbolSize : 10,
                effect : {
                    show: true,
                    color:'red',
                    shadowColor:'red',
                    //period: 10,
                    shadowBlur : 0
                },
                itemStyle:{
                    normal:{
                        label:{show:false}
                    }
                },
                data : [
 
                    {name: "菏泽", value:500}
                   
                ]
            }
        }
    ]
    };
 var ecConfig = require('echarts/config');
 myChart.on(ecConfig.EVENT.CLICK, eConsole);
 function eConsole(param){
       alert(1111); 
    alert(param.name);
 }

Answer 2

var charts = echarts.init(document.getElementById(id));
charts.setOption(option);
charts .on('click', function (params) {
if(params.componentType == "markPoint"){
console.log(params);
}
});
API ->events有对params的介绍