地图中markPoint添加了点击事件

底层程序员 发布于 2014/04/22 16:54
阅读 13K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:地图中添加了几个点,地图中添加了事件,现在的问题是:只点击地图 和 只点击markPoint , 事件没有问题,但是交叉点击时  就会报js 错误信息:


部分页面代码:

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'],
              x:'right',
              y:'bottom'
              },
               series: [
       {
           name:'开支比例',
           type:'map',
           mapType:'山东',
           selectedMode: 'single',
           itemStyle: {
               normal: { label: { show:true },color:'black' },
               emphasis: { label: { show:true} }
           },
           data: [

       ],
       geoCoord: {
             
       }
       },
       {
           name: '存在超支项目',
           type: 'map',
           mapType: '山东',
           selectedMode: 'single',
           data:[],
           markPoint : {
               symbol:'star',
               symbolSize : 10,
               effect : {
                   show: true,
                   color:'red',
                   shadowColor:'red',
                   shadowBlur : 0
               },
               itemStyle:{
                   normal:{
                       label:{show:false}
                   }
               },
               data : [
               ]
           }
       }
   ]
   };
   var ecConfig = require('echarts/config');
   myChart.on(ecConfig.EVENT.CLICK, eConsole);
   myChart.setOption(option);

加载中
0
Kener-林峰
Kener-林峰

官网例子也是?给个复现代码和过程?

wangjingbai
wangjingbai
那个菏泽坐标 五角星图片是怎么加的 有接口么?
底层程序员
将我的代码复制到map9.html中同样会报js错误。
0
底层程序员

我的代码:

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);
}

0
Kener-林峰
Kener-林峰

so nice!!记下,下个版本fixed!

0
q
qtzjzp
现在解决了么???
返回顶部
顶部