Highcharts 带饼图的海图世界地图

下面是带有饼图的地图的highchart演示。

但这张地图是给我们的。这是我的js小提琴。

---

我想展示一张世界地图，每个饼代表一个国家。一切正常，但world.js文件没有lat和long值。因此，我在每个位置都面临馅饼的位置问题。我尝试使用plotx和ploty。但它不起作用。那么，是否有任何方法可以按照美国地图的工作方式在国家/地区上实际显示饼图？

如果没有定义纬度和经度，您可以使用该地区的

plotX

&

plotY

属性

替换这两段代码：

plotOptions: {
  pie: {
    center: [state.plotX+400, state.plotY]
  }
}

---

以下是：

center: {
  plotX: state.plotX,
  plotY: state.plotY
}

---

顺便说一下：在系列选项中使用

plotOptions

无效<代码>绘图选项应放置在图表选项结构的顶层。以下是关于这方面的更多信息：

---

现场演示：

我想你必须从另一个来源获取坐标，就像它不工作一样。请检查你的演示。所有的馅饼都在同一个位置。谢谢你指出这一点。我忘了更新我的小提琴了。现在可以了。非常感谢kamil kulig。还有一件事我想讨论。您知道为什么单击图例不会隐藏饼图吗？这可以设置饼图的最大和最小大小吗？1。馅饼大小：每个馅饼的大小在

sizeformter

函数中计算。此演示演示了如何设置饼图的最大大小：您可以修改此函数并提供自定义算法。2.图例：请描述您希望图例如何工作。例如：当您单击

Republican

legend项时会发生什么？单击“Republican”时，它会从饼图中隐藏Republican值，或者删除Republican值最大的饼图，即当前饼图后面的区域在单击legends时被禁用

// Handle lat/lon support
if (options.center.lat !== undefined) {
    var point = chart.fromLatLonToPoint(options.center);
    options.center = [
        chart.xAxis[0].toPixels(point.x, true),
        chart.yAxis[0].toPixels(point.y, true)
    ];
}

center: {
  plotX: state.plotX,
  plotY: state.plotY
}

// Replace lat/lon with plotX/plotY
if (options.center.plotX !== undefined) {
  options.center = [options.center.plotX, options.center.plotY];
}