Javascript Girl
  1. Javascript Girl
  3. Afficher l'élément dans la légende même si la valeur = 0 avec Google Charts Tools Pie Chart
Intereting Posts
Variable JSON object vs window pour passer l'état initial rendu par le côté du serveur à l'aide de reacjs Comment appeler la fonction JavaScript au lieu de href en HTML Comment faire une publication simple sur le statut de Facebook avec le texte et l'image Ajouter un élément en tête d'un iframe en utilisant jquery Event.preventDefault () vs return false Qu'est-ce que «vide» dans le type? La chaîne Javascript remplace par des calculs Comment puis-je rendre cette vidéo Youtube clickable (css + z-index)? Comment vérifier si le caractère est une lettre en Javascript? Comment désactiver le clic droit sur ma page Web? Création / modification d'images en JavaScript Google Maps: Comment déplacer les contrôles de zoom? Google Maps – Panning et Zooming dans les zones – les marqueurs n'apparaissent pas lorsque je fais un zoom avant ou que je panne – AIDE! $ Watch'ing pour les changements de données dans une directive angulaire Préchargement complet de la vidéo HTML5 en javascript

Afficher l'élément dans la légende même si la valeur = 0 avec Google Charts Tools Pie Chart

J'utilise Google Charts Tools, en particulier le diagramme en tranches .

Naturellement, si un élément a une valeur de 0, il n'est pas affiché dans la tarte (car il occupe 0% de la tarte). Cependant, il ne s'affiche pas non plus dans la légende.

Comment puis-je manipuler les options d'initialisation pour toujours afficher un élément de valeur 0 dans la légende, afin que les utilisateurs puissent voir que l'élément existe, il a juste une valeur 0?

Setting sliceVisibilityThreshold comme zéro résoudra votre problème. 

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

J'étais récemment en ajoutant Google Charts et je me trouvais confronté à un problème, pour ajouter de la valeur zéro.
Merci pour @ocanal, j'ai utilisé sliceVisibilityThreshold: 0 , mais d'une autre manière. 

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

Comme la façon de définir les options a changé, pour plus d'informations, consultez le site Google Chart