An Example of a Google Bar Chart

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart">
  <div id="soc_chart"></div>
</div>

CSS

#chart {
  border: 1px solid #AAA;
  min-height: 1000px;
}

JavaScript

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

function drawStacked() {
      var data = google.visualization.arrayToDataTable([
        ['SOC', 'GEEKBENCH 5 SINGLE', 'GEEKBENCH 5 MULTI'],
        ['SNAPDRAGON 870', 914, 3161],
        ['MEDIATEK DIMENSITY 900 (MT6877)', 731, 2203],
        ['SNAPDRAGON 845', 504, 2028],
        ['MEDIATEK DIMENSITY 700 (MT6833V)', 544, 1695],
        ['MEDIATEK G95', 501, 1599],
        ['UNISOC TIGER T618', 392, 1441],
        ['UNISOC TIGER T310', 360, 708],
        ['MEDIATEK MT8176', 314, 644],
        ['MEDIATEK HELIO P60 (MT6771)', 288, 1272],
        ['ROCKCHIP RK3399', 269, 615],
        ['BROADCOM BCM2711', 234, 672],
        ['ROCKCHIP RK3326', 86, 272],
        ['MEDIATEK MT6580A', 69, 227],
        ['ROCKCHIP RK3288', 10, 20]
]);


      var options = {
        chartArea: {'width': 'auto', 'height': '90%'},
        legend: 
			{'position':'top', 
			textStyle: {color: 'black', fontName: 'Lato', fontSize: 14, bold: true, italic: false}},
        height: 1000,
        isStacked: true,
        hAxis: 
			{title: 'GEEKBENCH 5 SCORE', 
			textStyle: {color: 'black', fontName: 'Lato', fontSize: 12, bold: true, italic: false}, 
			titleTextStyle: {color: '#940000', fontName: 'Lato', bold: true, italic: false}}, 
        series: {
			0:{color:'#F75200'},
			1:{color:'#940000'}},
        vAxis: 
			{title: 'SOC NAME', 
			textStyle: {color: 'black', fontName: 'Lato', fontSize: 12, bold: true, italic: false},
			titleTextStyle: {color: '#940000', fontName: 'Lato', bold: true, italic: false}}
       };

	var chart = new google.visualization.BarChart(document.getElementById('soc_chart'));
		chart.draw(data, google.charts.Bar.convertOptions(options));
		window.addEventListener('resize', drawStacked, false);
}