Home/ Questions/Q 9104591
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T01:54:21+00:00

I use google visualization api! I know that All Google visualization constructs accept an

  • 0

I use google visualization api!
I know that All Google visualization constructs accept an instance of the Javascript object google.visualization.DataTable, which can be instantiated in one of two ways.

So I use the second way in which my data table in constructed with JSON of a certain structure and using specific attributes.
The problem is as you see I want to add a specific number of rows using for cycle and when I try to do this it gives me the mentioned above error

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>
          Google Visualization API Sample
        </title>
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
        <script type="text/javascript">
          google.load('visualization', '1', {packages: ['table']});
        </script>
        <script>

        function drawVisualization()
        {
         var data = new google.visualization.DataTable
         (
           {
           cols: [
           {id: 'task',  label: 'Task',          type: 'string'},
           {id: 'hours', label: 'Hours per Day', type: 'number'},
            {id: 'E',   label: 'Action',          type:  'string'}
                  ],
                  for (i=0;i<3;i++) 
                  {
                    rows: [ 
                    {c:[{v: 'Work'},     {v: 5},     {v: '<input type="button" value="my button" onclick="alert(\'I was clicked!\');"/>'}]},
                    {c:[{v: 'Eat'},      {v: 2}]}
                           ]                     
                   }
             }         

         );



        visualization = new google.visualization.Table(document.getElementById('table'));
        visualization.draw(data, null);
        }
      google.setOnLoadCallback(drawVisualization);
        </script>
        </head>
        <body>
        <div id="table"></div>
        </body>
        </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your syntax is not valid. You will need to construct the object step-by-step, first the static part, then add the rest with the for loop:

    var rawData = {
    cols: [
        {id: 'task',  label: 'Task',          type: 'string'},
        {id: 'hours', label: 'Hours per Day', type: 'number'},
        {id: 'E',     label: 'Action',        type:  'string'}
    ],
    rows: []
};

for (var i = 0; i < 3; i++)  {
    rawData.rows.push({
        c:[{v: 'Work'}, {v: 5}, {v: '<input type="button" value="my button" onclick="alert(\'I was clicked!\');"/>'}]
    });
    rawData.rows.push({
        c:[{v: 'Eat'}, {v: 2}, {v: ''}]
    });
}

var data = new google.visualization.DataTable(rawData);
    • 0