Custom Bar chart.

[Sathish Kumar]

Hello Sir,

I am doing bar chart implementation,

My required chart is as shown bellow. 

<https://lh6.googleusercontent.com/-SnuatA5-4Gk/UotI9ms4eyI/AAAAAAAAAkk/xQnDs-ojw6E/s1600/2013-11-14_1153.png>


My data is as shown bellow.

<https://lh3.googleusercontent.com/-osguxvDQg88/UotJGq6p4fI/AAAAAAAAAks/9OdrW7XGxCQ/s1600/2013-11-14_11532.png>

*I am trying like this.*

 function drawVisualization() {

        // Some raw data (not necessarily accurate)

        var data = google.visualization.arrayToDataTable([

          ['Month', 'Bolivia', 'Ecuador', 'Madagascar'  ],

          ['Mastered',  165,      938,         522 ],

          ['Immerging',  135,      1120,        599 ],

          ['Strugglinh',  157,      1167,        587 ]

        ]);

        var options = {

          title : 'Monthly Coffee Production by Country',

          vAxis: {title: "Teacher1"}, 

        };

  var chart = new 
google.visualization.BarChart(document.getElementById('chart_div'));

        chart.draw(data, options);

      }

  function drawVisualization1(){

  var data1 = google.visualization.arrayToDataTable([

          ['', 'Bolivia', 'Ecuador', 'Madagascar'  ],

          ['Mastered',  123,      238,         322 ],

          ['Immerging',  335,      120,        539 ],

          ['Strugglinh',  457,      367,       287 ]

        ]);

        var options1 = {

          vAxis: {title: "Teacher2"}

        };

  var chart = new 
google.visualization.BarChart(document.getElementById('chart_div'));

  chart.draw(data1, options1);

  }

      google.setOnLoadCallback(drawVisualization);

     google.setOnLoadCallback(drawVisualization1);


But i am not getting two charts in singe chart. My result is 

<https://lh3.googleusercontent.com/-g1GZ7vgHLLs/UotKzJP3YyI/AAAAAAAAAk4/egZSsVOsVN4/s1600/Capture.PNG>

How to insert multiple chart in a singe chart.

Can u please send me some sample html code.

Thanks,

Sathish.H




-- 
You received this message because you are subscribed to the Google Groups 
"Google Chart API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to google-chart-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-chart-api@googlegroups.com.
Visit this group at http://groups.google.com/group/google-chart-api.
For more options, visit https://groups.google.com/groups/opt_out.