【问题标题】:How to put pie charts on a SVG map?如何在 SVG 地图上放置饼图?
【发布时间】:2017-03-03 09:02:55
【问题描述】:

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

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

应该是这个效果:

【问题讨论】:

    标签: javascript svg charts maps amcharts


    【解决方案1】:

    AmCharts 网站上有一个demo 显示如何做到这一点。您基本上需要创建可以使用纬度和经度坐标放置在地图上的图像标记,并使用 positionChanged 事件来创建/更新包含饼图的自定义外部 div。

    【讨论】:

    • 谢谢,我完全错过了!但是,当我应用示例中建议和编码的整个解决方案时,我收到消息:'d.AmPieChart 不是构造函数'。我想知道这次可能出了什么问题。
    • 好的,我现在还需要链接到 amchart 库;)。
    • 是的 - 您还需要包含图表库。另请注意,在示例中,您必须使用 ammap_amcharts_extension.js 而不是 ammap.js 才能在同一页面上同时使用图表和地图而不会发生库冲突。只是想把它说出来,因为这是一个常见的疏忽
    猜你喜欢
    • 2014-08-10
    • 2012-11-03
    • 1970-01-01
    • 1970-01-01
    • 2020-08-18
    • 1970-01-01
    • 1970-01-01
    • 2021-12-17
    相关资源
    最近更新 更多