使用javascript堆叠/嵌套/重叠饼图和甜甜圈图

Question

我不确定是否有人遇到过这种情况或什至提出了解决方案，但基本上我能够使用 Flot Charts 创建简单的饼图和甜甜圈图。我正在寻找的是一个中心有一个饼图并且它被一个甜甜圈图包围的场景。与this question 非常相似，但这个问题已经存在 3 年了，从未真正得到回答。

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

欢迎任何想法/建议。

提前致谢

Answer 1

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

替代方法是使用 MorrisCharts - http://morrisjs.github.io/morris.js/donuts.html

他们确实有一些非常接近需求的不错的甜甜圈图。