Google पाई चार्ट

Question

में गतिशील डेटा डालने के लिए मेरे पास Google PieChart पर गतिशील डेटा डालने का कार्य है।

Playground

कि लिंक में मैं यह कोड डालना:

function drawVisualization() { 
// Create and populate the data table. 
var data = google.visualization.DataTable(); 

var mycars=["Saab","Volvo","BMW"]; 
var mypoints=[4,12,45]; 

data.addColumn('string', 'Cars'); 
data.addColumn('number', 'Numbers'); 
data.addRows(mycars.length); 
for (var i = 0; i < mycars.length; i++){ 
    data.setCell(i,0,mycars[i]); 
    data.setCell(i,1,mypoints[i]); 
} 
// Create and draw the visualization. 
new google.visualization.PieChart(document.getElementById('visualization')). 
draw(data, {title:"So, how was your day?"}); 
} 

निम्न उदाहरण में मैं गतिशील सरणियों mycars और mypoints, तो मैं चार्ट बनाने के लिए उन सरणियों को सम्मिलित करने की कोशिश मिल for loop के भीतर।

पाइचार्ट प्रदर्शित नहीं हो रहा है। इसमें गलत क्या है?

Answer 1

आपके पास जावास्क्रिप्ट त्रुटि है। डेटाटेबल को तुरंत चालू करते समय आपको new कीवर्ड का उपयोग करने की आवश्यकता है।

बदलें

var data = google.visualization.DataTable(); 

var data = new google.visualization.DataTable(); 

Answer 2

साथ मैं इस तरह jQuery में कोड का उपयोग कर समस्या का समाधान:

$("#piechart_3d").show(); 
google.load("visualization", "1", { 
    packages: ["corechart"], callback: function() { 
     var data = google.visualization.arrayToDataTable([ 
         ['Going', 'a Day'], 
         ['Car', 11], 
         ['Bus', 2], 
         ['Moto', 2] 
        ]); 
     var options = { 
         title: 'Report', 
         backgroundColor: 'transparent', 
         is3D: true, 
        }; 

     var chart = new google.visualization.PieChart(document.getElementById('piechart_3d')); 
     chart.draw(data, options); 
    } 
});