Echarts中mapselected事件的引用

var option = {
			title : {
				text : '企业对外投资分布图',
				left : 'center'
			},
			tooltip : {
				trigger : 'item'
			},
			legend : {
				orient : 'vertical',
				left : 'left',
				data : ['北京','上海','广东'],
				selectedMode : false
			},
			visualMap : {
				min : 0,
				max : 2500,
				left : 'left',
				top : 'bottom',
				text : [ '高', '低' ], // 文本,默认为数值文本
				calculable : true
			},
			toolbox : {
				show : true,
				orient : 'vertical',
				left : 'right',
				top : 'center',
				feature : {
					mark : {
						show : true
					},
					dataView : {
						show : true,
						readOnly : false
					},
					restore : {
						show : true
					},
					saveAsImage : {
						show : true
					}
				}
			},
			series : [ {
				name : 'demo',
				type : 'map',
				mapType : 'china',
				roam : true,
				zoom : 0.7,
				left : 0,
				label : {
					normal : {
						show : false
					},
					emphasis : {
						show : true
					}
				},
				data : data
			}, {
				name : '2011全国GDP对比',
				type : 'pie',
				roseType : 'area',
				tooltip : {
					trigger : 'item',
					formatter : "{a} 
{b} : {c} ({d}%)" }, center : [ '800', '50%' ], radius : [ 30, 100 ], data : [ { name : '北京', value : 16251.93 }, { name : '上海', value : 19195.69 }, { name : '广东', value : 53210.28 } ] } ] }; myChart.setOption(option); myChart.on("mapselected", function(param) { var selected = param.selected; var mapSeries = option.series[0]; var data = []; var legendData = []; var name; for (var p = 0, len = mapSeries.data.length; p < len; p++) { name = mapSeries.data[p].name; //mapSeries.data[p].selected = selected[name]; if (selected[name]) { data.push({ name : name, value : mapSeries.data[p].value }); legendData.push(name); } } option.legend.data = legendData; option.series[1].data = data; myChart.setOption(option, true); });

如果使用上面的方式显示的结果如图所示 : 当点击地图的省份时无法将省份的数据加载到南丁格尔图中。大家能帮我看看错在哪儿吗(Echarts用的是4.x版本)

Echarts中mapselected事件的引用_第1张图片

你可能感兴趣的:(Echarts中mapselected事件的引用)