Graph Title
Horizontal Axis
Vertical Axis
Data Labels
Number Of Bars
Bar 1 values
Bar 2 values
Bar 3 values
Legend Position
Stacked Bars
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load("current", {packages:['bar']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable(
[]);
var options = {
title: 'Chart Title',
chartArea: { width: '70%' },
isStacked: false,
legend: { position: 'bottom' },
bars: 'horizontal',
hAxis: {'title':'hAxis','minValue':0,'maxValue':100},
vAxis: {'title':'vAxis','minValue':0,'maxValue':100},
};
var chart = new google.charts.Bar(document.getElementById('graph'));
chart.draw(data, google.charts.Bar.convertOptions(options));
}
</script>
</head>
<body style="display:flex ; flex-direction:column">
<div id="graph" style="width: 900px; height: 500px; margin-left:auto;margin-right:auto;"></div>
<a style="font-size:12px;color:#BDBDBD ;margin-left:auto; margin-right:auto" href="https://livechatai.com/">Powered by LiveChatAI</a>
</body>
</html>