先来要实现的效果图:
下图2是展示气泡类型为pin的效果:
绘制散点图(气泡)是echarts的一种series:
所以要实现在geojson绘制的地图上展示散点图就不能在series里设置geojson的地图在series的type为map里:
如果将注册的地图放在这里啦,那么在series里设置的scatter无法正常的显示,所以要将注册的geojson地图在echarts的geo里配置,series里的scatter设置coordinateSystem: 'geo',才能实现效果。
下面贴出实现的代码:
var myChart = echarts.init(document.getElementById('container'));
$.get('china.json',function(geoJson){
echarts.registerMap('china',geoJson);var mapData = geoJson.features.map(function(item){return{
name: item.properties.name,
value: item.properties.childNum,
cp: item.properties.cp,
}
});var data