title: How To dynamically Add row To Google Chart with for loop
body: <p>I Have Problem in Google chart.</p>
  <p>I am using asp.net Mvc. After I fetch data from controller, I pass it into Google chart .</p>
  <p>When i use manual data, for example:</p>
  <pre><code>['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],
  ['2004/05',  165,      938,         522,             998,           450,      614.6],
  </code></pre>
  <p>It Show me correctly .</p>
  <p>But how can i add my data dynamically into Google chart ?</p>
  <p>This is my code:</p>
  <pre class="lang-js prettyprint-override"><code>for (var i = 0; i &lt; chartsdata.length; i++) {
  
      var data = google.visualization.arrayToDataTable([
          ['Element', 'Density', {role: 'style'}],
          [chartsdata[i].MonthValue, chartsdata[i].CountValue, '#b87333']
      ]);
  
      var options = {
          title: ''
      };
  
      var chart = new google.visualization.ComboChart(document.getElementById('chartdiv'));
      chart.draw(data, options);
  }
  </code></pre>