使用 Google Charts 工具餅圖顯示圖例中的項目，即使 value = 0

Question

我正在使用 Google Charts Tools，特別是Pie Chart 。

自然，如果一個項目的值為 0，它就不會顯示在餅圖中（因為它占據餅圖的 0%）。 但是，它也不顯示在圖例中。

如何操作初始化選項以在圖例中仍然顯示 0 值項目，以便用戶可以看到該項目存在，它只有 0 值？

Answer 1

將sliceVisibilityThreshold設置為零將解決您的問題。

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Task', 'Hours per Day'],
    ['Work', 11],
    ['Eat', 0],
    ['Commute', 2],
    ['Watch TV', 2],
    ['Sleep', 7]
  ]);

  // Create and draw the visualization.
  new google.visualization.PieChart(document.getElementById('visualization')).
      draw(data, {title:"So, how was your day?",
                 sliceVisibilityThreshold:0
                 });
}
​

Answer 2

我最近添加了 Google Charts 並在其中遇到了問題，因為在其中添加了零值。
感謝@ocanal，我使用了sliceVisibilityThreshold:0 ，但以其他方式使用。

<script type="text/javascript">
        google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['B-TRIPS',     <?php echo $arr_get_a_org['total_trips']; ?>],
          ['Reimbursed',      <?php echo $arr_get_a_org['reimbursed_trips']; ?>],
          ['Approved',  <?php echo $arr_get_a_org['approved_trips']; ?>],
          ['Pending', <?php echo $arr_get_a_org['pending_trips']; ?>]
         // ['Sleep',    <?php echo $arr_get_a_org['total_trips']; ?>]
        ]);

        var options = {
          title: 'OVERVIEW',
          backgroundColor:'#e2e1e0',
          pieSliceText:'value',
          sliceVisibilityThreshold :0

        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
</script>

由於選項定義的方式發生了變化，有關更多信息，請查看Google Chart 站點

Answer 3

我所做的要粗略得多，但產生了我正在尋找的結果。 我正在使用 Google Apps 腳本編輯器本身，並使用 Excel 公式強制顯示 0%。

=IF(<formula> = 0%, 1E-20%, <formula>)

基本上，在 excel 列值中，如果值為 0（或在我的情況下為 0%），我會用 1-E20% 替換該單元格。 它模擬了一個實際值（因此顯示在圖例中），但其他值仍然會加起來為 100%，因為該值非常小，不會影響餅圖。