Google charts fiddles

by whelkaholism

HTML

<script src="//www.gstatic.com/charts/loader.js"></script>
<div id="c"></div>

JavaScript

google.charts.load('current', { 
  'packages': [ 'corechart' ]
});

google.charts.setOnLoadCallback(drawChart);

function drawChart() 
{   	
	var schema = JSON.parse('[{"id":"x","label":"Period","type":"date"},{"id":"Net-0","label":"(No consultant)","type":"number"},{"id":"Costs","label":"Costs","type":"number"}]');
  
	var data = JSON.parse('[["2017-08-01T00:00:00.000Z",null,null],["2017-09-01T00:00:00.000Z",null,null],["2017-10-01T00:00:00.000Z",null,null],["2017-11-01T00:00:00.000Z",null,null],["2017-12-01T00:00:00.000Z",5,1],["2018-01-01T00:00:00.000Z",null,null]]');
  
  for(var i = 0; i < data.length; i++)
  	data[i][0] = new Date(data[i][0]);
  
  console.log(schema);
  console.log(data);
  
	var googledata = new google.visualization.DataTable({ cols: schema, rows: [] });
  googledata.addRows(data);

	var options = {
		legend: {position: "none"},
	  isStacked: true
		};
    
    console.log('XXXX' + google.visualization);
    
	var chart = new google.visualization.ColumnChart(document.getElementById('c'));

	chart.draw(googledata, options);
 }