web-dev-qa-db-ja.com

GoogleChartsツールの円グラフで値= 0の場合でも、凡例にアイテムを表示する

私はGoogleCharts Tools、具体的には 円グラフ を使用しています。

当然、アイテムの値が0の場合、そのアイテムは円グラフに表示されません（円グラフの0％を占めるため）。ただし、凡例にも表示されません。

初期化オプションを操作して、凡例に0の値のアイテムを表示し、ユーザーがアイテムが存在することを確認できるようにするにはどうすればよいですか？

javascriptgoogle-visualization
25
Luke Shaheen

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
                 });
}
​
61
Okan Kocyigit

最近GoogleChartsを追加していましたが、ゼロ値を追加するという問題に直面していました。
@ 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サイト

3
MD Shahrouq