2014-12-05 92 views
1

我不确定是否有人遇到这种情况或甚至提出了解决方案,但基本上我能够使用浮图创建简单的饼图和甜甜圈图表。我所寻找的是一个场景,在中心有一个饼图,并且它被甜甜圈图包围。与this question非常相似,但这个问题现在是3岁,从来没有真正回答。堆叠/嵌套/重叠的饼图和甜甜圈图表与javascript

我尝试使用相同的DIV创建两个图表,但之后只覆盖另一个图表。我想在两个不同的DIV上创建两个不同的图表,并让它们重叠,但这看起来并不像一个干净的方法,它也将适应响应行为。

欢迎任何想法/建议。

在此先感谢

+0

两个重叠的DIV/Canvases听起来是最简单的方法。为什么这不适应“响应”行为?你只需要将所有东西放在一起。 – Mark 2014-12-08 16:41:49

+0

你可以试着看看这个页面上有甜甜圈图表的每个js库:http://socialcompare.com/en/comparison/javascript-graphs-and-charts-libraries但是我从来没有见过这样的图表,它是最可能你必须为现有的库编写自己的插件。 – vorrtex 2014-12-09 06:41:47

回答

0

如一些评论已经指出的,但我没有找到的东西,来相当接近这个问题的答案并不简单 - HighCharts。他们确实有一个同心圆的圆环图,给出了所需的外观和感觉 - 事实上,LinkedIn使用它来显示他们的仪表板统计信息。该缺点Highcharts是,它是一种有偿库,如果您打算在商业Web应用程序

另一种方法是使用MorrisCharts部署其并不便宜 - http://morrisjs.github.io/morris.js/donuts.html

他们确实有一些很好的甜甜圈图表,非常接近需求。