लीजेंड में डिस्प्ले आइटम भले ही Google चार्ट टूल्स पाई चार्ट

Question

के साथ मूल्य = 0 मैं Google चार्ट टूल्स का उपयोग कर रहा हूं, विशेष रूप से 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 चार्ट जोड़ रहा था और इसमें शून्य मान जोड़ने के लिए इसमें समस्या का सामना करना पड़ रहा था।
@ocanal के लिए धन्यवाद, मैंने स्लाइस दृश्यता थ्रेसहोल्ड का उपयोग किया: 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 site