Skip to content

Instantly share code, notes, and snippets.

@dominhhai

dominhhai/index.html

Created March 24, 2016 09:45
Show Gist options
  • Save dominhhai/c1a550110b5ecc8b6774 to your computer and use it in GitHub Desktop.
Save dominhhai/c1a550110b5ecc8b6774 to your computer and use it in GitHub Desktop.
Download ZIP
Bar/ Column combo Stacked Bar/Column Chart
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.0','packages':['corechart']}]}"></script>
<script>
var visual
google.setOnLoadCallback(function () {
visual = google.visualization
drawChart()
})
function drawChart() {
var data = visual.arrayToDataTable([
['year', 'Austria', 'Bulgaria', 'Denmark'],
// 2003
['2003', 1336060, null, null],
['', null, 400361, 1001582],
// group space
['', null, null, null],
// 2004
['2004', 1336060, null, null],
['', null, 400361, 1001582]
])
var options = {
title: 'Yearly Coffe Consumption by Country',
legend: {position: 'top'},
bar: { groupWidth: '99%' },
isStacked: true
}
var columnChart = new visual.ColumnChart(document.getElementById('chart_column'))
columnChart.draw(data, options)
var barChart = new visual.BarChart(document.getElementById('chart_bar'))
barChart.draw(data, options)
}
</script>
</head>
<body>
<div id="chart_column"></div>
<div id="chart_bar"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment