Mostrar elemento en la leyenda, incluso si el valor = 0 con tablas de Google Herramientas Pie Chart

Question

Estoy usando Google Charts Tools, específicamente el Pie Chart.

Naturalmente, si un elemento tiene un valor de 0, no se muestra en el gráfico (ya que ocupa el 0% del gráfico). Sin embargo, tampoco aparece en la leyenda.

¿Cómo puedo manipular las opciones de inicialización para seguir mostrando un elemento de valor 0 en la leyenda, para que los usuarios puedan ver que el elemento existe, solo tiene un valor de 0?

Answer 1

configurando sliceVisibilityThreshold como cero resolverá su problema.

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

Hace poco agregué el Google Charts y me enfrenté a un problema, por agregar cero valor en él.
Gracias por @ocanal, utilicé sliceVisibilityThreshold: 0, pero de alguna otra manera.

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

A medida que la forma de definir las opciones han cambiado, para obtener más información echa un vistazo a Google Chart site