如何在 Google Charts 圆环图中显示所有标签答案

【问题标题】：How to display all labels in Google Charts donut chart如何在 Google Charts 圆环图中显示所有标签
【发布时间】：2016-02-04 20:43:31
【问题描述】：

我正在使用 Google Charts（甜甜圈类型）在我们的应用程序上显示数据。我注意到当标签不适合饼图时，它不会显示。我一直在检查互联网及其文档，但我找不到一种方法来操作标签以始终换行或显示。
下面黄色切片的标签不显示。

【问题讨论】：

【解决方案1】：

如果切片小于 5%，则不显示百分比标签（此数字因 pi 图表的大小和宽度而异，但在本例中为 5%）。

在下图中，绿色为 5%，紫色为 4.9%。

这里有一些关于如何处理这个问题的想法：

1) 将以下选项添加到您的 options 对象。它会将低于 5% 的所有内容合并到一个杂项类别中并进行标记。

sliceVisibilityThreshold: 0.05,
pieResidueSliceLabel: "Other",

2) 减小字体大小。它仍然不会显示它无法适应的标签，但它会显示更多标签，因为它能够适应。

pieSliceTextStyle: {
      color: 'black',
      fontSize:11
},

3) 进入绝望的黑客领域并在options 中设置一个很小的字体大小，以便它们都呈现，然后使用 CSS 使这些标签再次变大。但是，因为它们不合适，并且因为间距都乱七八糟，所以看起来像垃圾。

pieSliceTextStyle: {
     color: 'black',
     fontSize:0.5
},

CSS

svg g text{
    font-size:11px !important;
}

【讨论】：