如何在SVG地图上放置饼图？

Question

我在我的网站上使用这样的地图，它是由amCharts创建的：

所有区域都是SVG路径元素。我正在考虑如何在每个饼图上放置chart.js（或任何其他）饼图。 chart.js的图表是一个canvas元素。有没有简单的解决方案来实现它？如果需要，我也可以更改地图提供者。

这应该是效果：

Answer 1

AmCharts网站上有一个demo，显示了如何做到这一点。您基本上需要创建可以使用纬度和经度坐标放置在地图上的图像标记，并使用var inOnlyVariableList = list1.Except(list2).ToList(); 事件创建/更新包含饼图的自定义外部div。