Google Charts - Column Chart Example

NO GOOD - Google Chart API creates a Canvas

by Roman Fedytskyi

HTML

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

JavaScript

function genArr () {
      let arr = [['Name', 'Sum']];
      let start = 0;

      for (let i = 0; i < 4000; i++) {
      	let sum = 0;
       
				for (let j = 0; j < 2; j++) {
       			let number = Math.floor(Math.random() * 2);
					sum = number ? sum + 1 : sum - 1;
        }
        
        start += sum;
       
       arr.push([i, start]);
       
      }
      
      return arr;
      }      
      
      function drawChart() {
        var data = google.visualization.arrayToDataTable(genArr());

        var options = {
          title: 'Company Performance',
          hAxis: {title: 'Year', titleTextStyle: {color: 'red'}},
                tooltip: {legend:'none',isHtml:true, textStyle: {color: '#FF0000'}, showColorCode: true}
        };

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

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