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.addRow(["Set 1", 900, 450]);
data.addRow(["Set 2", 700, 550]);
data.addRow(["Set 3", 500, 350]);
data.addRow(["Set 4", 300, 100]);
data.addRow(["Set 5", 150, 50]);
var options = {
title : 'Chart title',
width: 1001,
height: 500,
vAxis: {
title: "VAxis title"
},
hAxis: {
title: "HAxis title"
},
seriesType: "bars",
series: {1: {type: "line"}}
};
var chart = new google.visualization.ComboChart(document.getElementById("number_format_chart"));
chart.draw(data, options);
}
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(onLoad);