Question

107

How To dynamically Add row To Google Chart with for loop

rated 0 times [ 113] [ 6] / answers: 1 / hits: 23938 / 10 Years ago, tue, january 27, 2015, 12:00:00

I Have Problem in Google chart.

I am using asp.net Mvc. After I fetch data from controller, I pass it into Google chart .

When i use manual data, for example:

['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],

['2004/05',  165,      938,         522,             998,           450,      614.6],

It Show me correctly .

But how can i add my data dynamically into Google chart ?

This is my code:

for (var i = 0; i < 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);

}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tayla

Add To Favorites

Follow

Total Points: 681

Total Questions: 102

Total Answers: 108

Location: Marshall Islands

Member since Tue, Sep 21, 2021

3 Years ago

tayla questions

1 Problem embedding tiktok video into angular 7

Fri, Mar 5, 21, 00:00, 3 Years ago

1 Lodash - How to merge two arrays of objects based on key?

Wed, Oct 28, 20, 00:00, 4 Years ago

1 Horizontal scroll bar is appearing after using slick slider in the webpage

Wed, Oct 21, 20, 00:00, 4 Years ago

1 Jest: `querySelector` returns null in test of a ReactJS component

Sat, Jul 4, 20, 00:00, 4 Years ago

1 setTimeout with Promises

Thu, Apr 9, 20, 00:00, 4 Years ago

View All

answered 10 Years ago marvinm · Accepted Answer

The way you are doing is wrong.You should do something like below:

 var data=[];

 var Header= ['Element', 'Density', { role: 'style' }];

 data.push(Header);

 for (var i = 0; i < chartsdata.length; i++) {

      var temp=[];

      temp.push(chartsdata[i].MonthValue);

      temp.push(chartsdata[i].CountValue);



      data.push(temp);

  }

var chartdata = new google.visualization.arrayToDataTable(data);