echarts在百度地图上显示饼图 定位问题

echarts银土百度地图,想用地图坐标来定位饼图,但是实际效果还是根据像素定位显示了。所有饼图都重叠在了一起

clipboard.png

option:

const option = {
    // name:'pie-map',
    bmap: {
        center: [121.579317, 29.883219],
        zoom: 10,
        roam: true,
        mapStyle:{...}
    },
    series:[]
}

pieData.forEach(item => {
    option.series.push({
        type:'pie',
        radius:'15%',
        coordinateSystem: 'bmap',  // 使用地图坐标系
        center: item.center,
        data: item.value
    })
})

data:

[
    {
        "center": [
            121.40519,
            109.943418
        ],
        "name": "区域1",
        "value": [
            {
                "name": "A",
                "value": 2
            },
            {
                "name": "B",
                "value": 2
            },
            {
                "name": "c",
                "value": 3
            }
        ]
    },
    {
        "center": [
            121.40519,
            29.943418
        ],
        "name": "区域1",
        "value": [
            {
                "name": "A",
                "value": 1
            },
            {
                "name": "B",
                "value": 5
            },
            {
                "name": "c",
                "value": 3
            }
        ]
    },
    {
        "center": [
            121.416688,
            29.867279
        ],
        "name": "区域2",
        "value": [
            {
                "name": "A",
                "value": 1
            },
            {
                "name": "B",
                "value": 8
            },
            {
                "name": "c",
                "value": 3
            }
        ]
    },
    {
        "center": [
            121.525922,
            29.946423
        ],
        "name": "区域3",
        "value": [
            {
                "name": "A",
                "value": 5
            },
            {
                "name": "B",
                "value": 2
            },
            {
                "name": "c",
                "value": 3
            }
        ]
    },
    {
        "center": [
            121.519023,
            29.874294
        ],
        "name": "区域4",
        "value": [
            {
                "name": "A",
                "value": 1
            },
            {
                "name": "B",
                "value": 2
            },
            {
                "name": "c",
                "value": 3
            }
        ]
    },
    {
        "center": [
            121.562717,
            29.878303
        ],
        "name": "区域5",
        "value": [
            {
                "name": "A",
                "value": 1
            },
            {
                "name": "B",
                "value": 2
            },
            {
                "name": "c",
                "value": 3
            }
        ]
    },
    {
        "center": [
            121.606411,
            29.884315
        ],
        "name": "区域6",
        "value": [
            {
                "name": "A",
                "value": 1
            },
            {
                "name": "B",
                "value": 2
            },
            {
                "name": "c",
                "value": 3
            }
        ]
    },
    {
        "center": [
            121.594912,
            29.935406
        ],
        "name": "区域7",
        "value": [
            {
                "name": "A",
                "value": 1
            },
            {
                "name": "B",
                "value": 2
            },
            {
                "name": "c",
                "value": 3
            }
        ]
    },
    {
        "center": [
            121.598362,
            29.852244
        ],
        "name": "区域8",
        "value": [
            {
                "name": "A",
                "value": 1
            },
            {
                "name": "B",
                "value": 2
            },
            {
                "name": "c",
                "value": 3
            }
        ]
    },
    {
        "center": [
            121.529372,
            29.79409
        ],
        "name": "区域9",
        "value": [
            {
                "name": "A",
                "value": 1
            },
            {
                "name": "B",
                "value": 2
            },
            {
                "name": "c",
                "value": 3
            }
        ]
    },
    {
        "center": [
            121.854774,
            29.898343
        ],
        "name": "区域10",
        "value": [
            {
                "name": "A",
                "value": 1
            },
            {
                "name": "B",
                "value": 2
            },
            {
                "name": "c",
                "value": 3
            }
        ]
    },
    {
        "center": [
            121.759338,
            29.805122
        ],
        "name": "区域11",
        "value": [
            {
                "name": "A",
                "value": 1
            },
            {
                "name": "B",
                "value": 2
            },
            {
                "name": "c",
                "value": 3
            }
        ]
    }
]
阅读 5.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题