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版本)