在 Google API 上构建甜甜圈图 - 饼内馅饼答案

【问题标题】：Building a Doughnut Chart on Google API - Pie inside a Pie在 Google API 上构建甜甜圈图 - 饼内馅饼
【发布时间】：2014-07-04 18:10:34
【问题描述】：

我一直在尝试构建一个与 WIX 兼容的圆环图。我需要图表具有一定的交互性，至少需要鼠标悬停效果。

由于 Google API 没有圆环图。我制作了两个饼图，目的是将较小的饼图放入另一个饼图中。我还使用了 pieHole 选项在每个饼图中创建了一个洞。

在我弄清楚如何将两个 div 放在一起放置之后，我现在正在努力解决图片中显示的问题。包含较小饼图的 div 用较大的饼图覆盖了 div。如何使 div 的背景透明，同时保持内容（较小的饼图）稳定？

欢迎任何想法。提前谢谢！

【问题讨论】：

标签： api charts

【解决方案1】：

您可以使用 pieHole 选项，将其设置为介于 0 和 1 之间的某个值。Api docs with example。

【讨论】：

【解决方案2】：

Google Chart API 似乎没有甜甜圈图选项...This bihappy post 演示了如何通过在饼图顶部放置一个圆圈层来欺骗它：

在你的脑海中......