Question

我在AngularJS中使用Google Charts。我正在使用

pieSliceText = value.

问题是，对于较小的切片，不显示pieSliceText。 This is the problem.

我希望产生类似this.

的结果

我不想旋转图表（我读了一些建议旋转图表的帖子，以便数据标签正确适合并显示。不，我需要保持图表切片方向< /强>）。

是否有任何选项可以在饼图外显示pieSliceText（类似于在柱形图中显示列外的注释）

annotations: {alwaysOutside: true}

提前感谢您的帮助！

Answer 1

要显示小值，请使用sliceVisibilityThreshold: 0中的options。

此类型的标题称为labeled。

请参阅：

google.charts.load("current", {packages:["corechart"]});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Language', 'Speakers (in millions)'],
    ['Assamese', 13], ['Bengali', 83], ['Bodo', 1.4],
    ['Kannada', 38], ['Kashmiri', 5.5], ['Konkani', 5],
    ['Maithili', 20], ['Malayalam', 33], ['Manipuri', 1.5],
    ['Sindhi', 2.5], ['Tamil', 61], ['Telugu', 74], ['Urdu', 52]
  ]);

  var options = {
    title: 'Indian Language Use',
    backgroundColor: 'transparent',
    pieSliceText: 'none',
    sliceVisibilityThreshold: 0,             
    legend: 'labeled',
  };

  var chart = new google.visualization.PieChart(document.getElementById('piechart'));
  chart.draw(data, options);
}

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="piechart" style="width: 900px; height: 500px;"></div>

在谷歌饼图外显示pieSliceText

1 个答案: