JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.google.com/jsapi?dummy=.js"></script>
<div id="chart_div"></div>
JavaScript
google.load('visualization', '1.1', {
'packages': ['corechart']
});
google.setOnLoadCallback(drawStuff);
function drawStuff() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Month');
data.addColumn('number', 'Average');
data.addRows([
[new Date(2013, 6), 2],
[new Date(2013, 7), 4],
[new Date(2013, 8), 3],
[new Date(2013, 9), 5],
[new Date(2013, 10), 3],
[new Date(2013, 11), 4],
[new Date(2014, 1), 1],
[new Date(2014, 2), 1],
[new Date(2014, 3), 3],
[new Date(2014, 5), 3]
]);
var options = {
title: 'Test IE vs Chrome',
legend: {
position: "top"
},
bar: {
groupWidth: '70%'
},
animation: {
duration: 6000,
easing: 'in'
},
vAxes: {0: {title: 'vaxis heading'}},
hAxes: {0: {title: 'haxis heading'}},
trendlines: {
0: {
type: 'linear',
color: 'red',
labelInLegend: 'Trend',
visibleInLegend: true
}
}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}