Google Charts - Column Chart Example

NO GOOD - Google Chart API creates a Canvas

by Jon Eyrick

HTML

<script src="http://www.google.com/jsapi?ext.js"></script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>

JavaScript

function drawChart() {
        /*var data = google.visualization.arrayToDataTable(
            [
                [ 'Name','MB_Xmt' ],
                [ 'Lance', 1200 ],
                [ 'Genoa', 1350],
                [ 'Bella', 2000],
                [ 'Amos', 500],
                ]
*/
               var data = google.visualization.arrayToDataTable([
         ['Day', 'Volume'],
         ['Sat', 89400],            // RGB value
         ['Sun', 104900],            // English color name
         ['Mon', 193000],
         ['Tue', 227350],
         ['Wed', 123000],
         ['Thu', 214632],
         ['Fri', 93000],
      ]);

        /*var options = {
          title: 'Company Performance',
          hAxis: {title: 'Year', titleTextStyle: {color: 'red'}},
                tooltip: {legend:'none',isHtml:true, textStyle: {color: '#FF0000'}, showColorCode: true}
        };*/
				var options = {
          tooltip: { legend: 'none', isHtml: true },
          legend: { position: 'none' },
          vAxis: {format: '$###,###,###' }, // Money format
        };
        

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        //chart.draw(data, options);
        chart.draw(data, options);
      }

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);