【发布时间】:2017-03-03 09:02:55
【问题描述】:
我在我的网站上使用这样的地图,它是由 amCharts 创建的:
所有区域都是 SVG 路径元素。我正在考虑如何在每个图表上放置一个 chart.js(或任何其他)饼图。 chart.js 的图表是一个画布元素。有没有简单的解决方案来实现它?如有必要,我也可以更改地图提供者。
应该是这个效果:
【问题讨论】:
标签: javascript svg charts maps amcharts
我在我的网站上使用这样的地图,它是由 amCharts 创建的:
所有区域都是 SVG 路径元素。我正在考虑如何在每个图表上放置一个 chart.js(或任何其他)饼图。 chart.js 的图表是一个画布元素。有没有简单的解决方案来实现它?如有必要,我也可以更改地图提供者。
应该是这个效果:
【问题讨论】:
标签: javascript svg charts maps amcharts
AmCharts 网站上有一个demo 显示如何做到这一点。您基本上需要创建可以使用纬度和经度坐标放置在地图上的图像标记,并使用 positionChanged 事件来创建/更新包含饼图的自定义外部 div。
【讨论】:
ammap_amcharts_extension.js 而不是 ammap.js 才能在同一页面上同时使用图表和地图而不会发生库冲突。只是想把它说出来,因为这是一个常见的疏忽