echarts在百度地图上显示饼图 定位问题echarts 配置项内容和展示
echarts银土百度地图，想用地图坐标来定位饼图，但是实际效果还是根据像素定位显示了。所有饼图都重叠在了一起
配置项如下
option = {
bmap: {
center: [121.579317, 29.883219],
zoom: 13,
roam: true,
mapStyle: {
'styleJson': [{
"featureType": "water",
"elementType": "all",
"stylers": {
"color": "#021019"
}
}, {
"featureType": "highway",
"elementType": "geometry.fill",
"stylers": {
"color": "#000000"
}
}, {
"featureType": "highway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#147a92"
}
}, {
"featureType": "arterial",
"elementType": "geometry.fill",
"stylers": {
"color": "#000000"
}
}, {
"featureType": "arterial",
"elementType": "geometry.stroke",
"stylers": {
"color": "#0b3d51"
}
}, {
"featureType": "local",
"elementType": "geometry",
"stylers": {
"color": "#000000"
}
}, {
"featureType": "land",
"elementType": "all",
"stylers": {
"color": "#08304b"
}
}, {
"featureType": "railway",
"elementType": "geometry.fill",
"stylers": {
"color": "#000000"
}
}, {
"featureType": "railway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#08304b"
}
}, {
"featureType": "subway",
"elementType": "geometry",
"stylers": {
"lightness": -70
}
}, {
"featureType": "building",
"elementType": "geometry.fill",
"stylers": {
"color": "#000000"
}
}, {
"featureType": "all",
"elementType": "labels.text.fill",
"stylers": {
"color": "#857f7f"
}
}, {
"featureType": "all",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#000000"
}
}, {
"featureType": "building",
"elementType": "geometry",
"stylers": {
"color": "#022338"
}
}, {
"featureType": "green",
"elementType": "geometry",
"stylers": {
"color": "#062032"
}
}, {
"featureType": "boundary",
"elementType": "all",
"stylers": {
"color": "#1e1c1c"
}
}, {
"featureType": "manmade",
"elementType": "all",
"stylers": {
"color": "#022338"
}
}]
}
},
series: [{
"type": "pie",
"radius": "15%",
"coordinateSystem": "bmap",
"center": [121.40519, 29.943418],
"data": [{
"name": "A",
"value": 2
}, {
"name": "B",
"value": 2
}, {
"name": "c",
"value": 3
}]
}, {
"type": "pie",
"radius": "15%",
"coordinateSystem": "bmap",
"center": [121.40519, 29.943418],
"data": [{
"name": "A",
"value": 1
}, {
"name": "B",
"value": 5
}, {
"name": "c",
"value": 3
}]
}, {
"type": "pie",
"radius": "15%",
"coordinateSystem": "bmap",
"center": [121.416688, 29.867279],
"data": [{
"name": "A",
"value": 1
}, {
"name": "B",
"value": 8
}, {
"name": "c",
"value": 3
}]
}, {
"type": "pie",
"radius": "15%",
"coordinateSystem": "bmap",
"center": [121.525922, 29.946423],
"data": [{
"name": "A",
"value": 5
}, {
"name": "B",
"value": 2
}, {
"name": "c",
"value": 3
}]
}, {
"type": "pie",
"radius": "15%",
"coordinateSystem": "bmap",
"center": [121.519023, 29.874294],
"data": [{
"name": "A",
"value": 1
}, {
"name": "B",
"value": 2
}, {
"name": "c",
"value": 3
}]
}, {
"type": "pie",
"radius": "15%",
"coordinateSystem": "bmap",
"center": [121.562717, 29.878303],
"data": [{
"name": "A",
"value": 1
}, {
"name": "B",
"value": 2
}, {
"name": "c",
"value": 3
}]
}, {
"type": "pie",
"radius": "15%",
"coordinateSystem": "bmap",
"center": [121.606411, 29.884315],
"data": [{
"name": "A",
"value": 1
}, {
"name": "B",
"value": 2
}, {
"name": "c",
"value": 3
}]
}, {
"type": "pie",
"radius": "15%",
"coordinateSystem": "bmap",
"center": [121.594912, 29.935406],
"data": [{
"name": "A",
"value": 1
}, {
"name": "B",
"value": 2
}, {
"name": "c",
"value": 3
}]
}, {
"type": "pie",
"radius": "15%",
"coordinateSystem": "bmap",
"center": [121.598362, 29.852244],
"data": [{
"name": "A",
"value": 1
}, {
"name": "B",
"value": 2
}, {
"name": "c",
"value": 3
}]
}, {
"type": "pie",
"radius": "15%",
"coordinateSystem": "bmap",
"center": [121.529372, 29.79409],
"data": [{
"name": "A",
"value": 1
}, {
"name": "B",
"value": 2
}, {
"name": "c",
"value": 3
}]
}, {
"type": "pie",
"radius": "15%",
"coordinateSystem": "bmap",
"center": [121.854774, 29.898343],
"data": [{
"name": "A",
"value": 1
}, {
"name": "B",
"value": 2
}, {
"name": "c",
"value": 3
}]
}, {
"type": "pie",
"radius": "15%",
"coordinateSystem": "bmap",
"center": [121.759338, 29.805122],
"data": [{
"name": "A",
"value": 1
}, {
"name": "B",
"value": 2
}, {
"name": "c",
"value": 3
}]
}]
};
截图如下
