堆叠/嵌套/重叠饼图和圆环图与javascript

Stacked / Nested / Overlapping pie chart and donut chart with javascript

本文关键字：圆环图 javascript 嵌套重叠堆叠更新时间：2023-09-26

我不确定是否有人遇到过这种情况，甚至已经制定了解决方案，但基本上我能够使用Flot图表创建简单的饼图和圆环图。我正在寻找的是一个场景，其中中心有一个饼图，它被一个圆环图包围。与这个问题非常相似，但这个问题现在已经有 3 年的历史了，从未真正得到解答。

我尝试使用相同的 DIV 创建两个图表，但其中一个只是覆盖了另一个。我想过在两个不同的 DIV 上创建两个不同的图表并让它们重叠，但这似乎不是一种干净的方法，也可以适应响应行为。

欢迎任何想法/建议。

提前致谢

这个问题的答案并不简单，因为一些评论已经指出了，但我确实发现了一些非常接近的东西 - HighCharts。他们确实有一个以同心圆环图，可以准确地提供所需的外观和感觉 - 事实上LinkedIn使用它们来显示他们的仪表板统计信息。Highcharts的缺点是它是一个付费库，如果您打算在商业Web应用程序上部署，它并不便宜。

另一种方法是使用MorrisCharts-http://morrisjs.github.io/morris.js/donuts.html

他们确实有一些很好的圆环图，非常接近需求。