Hiển thị mục trong chú thích ngay cả khi giá trị = 0 với Biểu đồ tròn của Google Charts Tools

Question

Tôi đang sử dụng Công cụ biểu đồ của Google, cụ thể là Pie Chart.

Đương nhiên, nếu một mục có giá trị bằng 0, nó không được hiển thị trong chiếc bánh (vì nó chiếm 0% của chiếc bánh). Tuy nhiên, nó cũng không hiển thị trong chú giải.

Làm cách nào để thao tác các tùy chọn khởi tạo vẫn hiển thị mục giá trị 0 trong chú giải, để người dùng có thể thấy mục đó tồn tại, nó chỉ có giá trị 0?

Answer 1

cài đặt sliceVisibilityThreshold bằng không sẽ giải quyết được sự cố của bạn.

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

Gần đây tôi đã thêm Biểu đồ của Google và đang gặp phải sự cố trong đó, để thêm giá trị bằng 0 vào đó.
Cảm ơn bạn đã @ocanal, tôi đã sử dụng sliceVisibilityThreshold: 0, nhưng theo một cách khác.

<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> 

Như cách xác định các tùy chọn đã thay đổi, để biết thêm kiểm tra Google Chart site