JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://www.google.com/jsapi"></script>
<div id="number_format_chart"></div>
CSS
#number_format_chart {
width: 100%
}
JavaScript
function onLoad() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'x');
data.addColumn('number', 'distance');
data.addColumn('number', 'calories');
data.addColumn('number', 'qwerty');
data.addRow(["Set 1", 900, 450, 1000]);
data.addRow(["Set 2", 700, 550, 900]);
data.addRow(["Set 3", 500, 350, 800]);
data.addRow(["Set 4", 300, 100, 700]);
data.addRow(["Set 5", 150, 50, 600]);
var options = {
title : 'Chart title',
width: 1001,
height: 500,
vAxis: {
title: "VAxis title"
},
hAxis: {
title: "HAxis title"
},
seriesType: "bars",
series: {1: {type: "line", targetAxisIndex: 1},
2: {type: "line"}},
vAxes: {
0: {
title: 'axis1'
},
1: {
title: 'axis2'
}
}
};
var chart = new google.visualization.ComboChart(document.getElementById("number_format_chart"));
chart.draw(data, options);
}
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(onLoad);