Exemplo Google Bar Chart

by Wurthmann

HTML

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  </head>
  <body>
    <div id="barchart_material" style="width: 900px; height: 500px;"></div>
  </body>
</html>

JavaScript

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

function drawChart() {
	var data = google.visualization.arrayToDataTable([
		['País', 'Média', 'Desvio Padrao', 'Minímo', 'Máximo'],
		['Brazil', 1000, 630, 200, 1185],
		['United States', 1564, 821, 601, 1969],
		['Nigeria', 898, 549, 149, 922],
		['China', 1008, 637, 197, 1444]
	]);

	var options = {
		chart: {
			title: 'Métricas de uso de energia per capita',
			subtitle: 'Valor em Kg de óleo per capita',
		},
		bars: 'horizontal' // Required for Material Bar Charts.
	};

	var chart = new google.charts.Bar(document.getElementById('barchart_material'));
	chart.draw(data, google.charts.Bar.convertOptions(options));
 }