谷歌饼图强制渲染饼图外的“次要”标签

Question

我已经研究了很多关于谷歌饼图和隐藏切片标签的信息，但没有找到任何切片外的标签，所以我希望除了alreadysuggestedon SO之外还有其他解决方案.

我生成了许多不同的图表类型，为了提高可读性，我自定义了饼图（doghnut），以便它们在切片之外显示它们的标签，并用线条连接。现在正如在其他问题中看到的那样，如果没有空间或者值太小，谷歌图表只会隐藏切片标签，这对我来说是不可接受的，为什么我想在应该有足够空间的地方显示它们。

即使将sliceVisibilityThreshold 设置为0，谷歌图表仍然不喜欢“次要”数据值并且只是不显示它们的标签，是否还有其他解决方案考虑到以下设置？ （您应该会看到紫色切片的“Far”标签未呈现）

var chartData = {
    "options": {
      "legend": {
        "position": "none"
      },
      "pieHole": 0.5
    },
    "data": [
      [
        "Label 1",
        "Label 2"
      ],
      [
        "Foo",
        33059
      ],
      [
        "Bar",
        57893
      ],
      [
        "Baz",
        8135
      ],
      [
        "Boo",
        12211
      ],
      [
        "Far",
        3740
      ],
      [
        "Faz",
        7219
      ]
    ]
  },
  ctx = document.getElementById('canvas');

var onLoadGoogle = function() {
  var data = new google.visualization.arrayToDataTable(chartData.data);
  var chart = new google.visualization['PieChart'](ctx);
  var options = chartData.options;

  options.legend.position = 'labeled';
  options.pieSliceText = 'none';
  options.sliceVisibilityThreshold = 0;

  chart.draw(data, chartData.options);
}

window.google.load("visualization", "1.1", {
  packages: ["corechart"],
  callback: onLoadGoogle,
  nocss: true
});

#canvas {
  width: 600px;
  height: 300px;
}

<div id="canvas"></div>
<script src="https://www.google.com/jsapi"></script>

Answer 1

如documentation for PieChart 中所述，pieStartAngle 选项有助于为某些标签腾出空间，但如果空间不足，则无能为力。这适用于切片内的默认标签和您正在使用的带标签的图例选项。

您还可以尝试使用pieSliceTextStyle 和legend.textStyle 将fontSize 选项设置为较小的字体。