Skip to content

Instantly share code, notes, and snippets.

@mages

mages/gist:1379208

Created November 19, 2011 18:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mages/1379208 to your computer and use it in GitHub Desktop.
Save mages/1379208 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<html>
<head>
<script type="text/javascript"
src="http://www.google.com/jsapi">
</script>
<script type="text/javascript">
google.load('visualization', '1',
{'packages':['motionchart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data=new google.visualization.DataTable();
data.addColumn('string', 'Fruit');
data.addColumn('number', 'Year');
data.addColumn('number', 'Sales');
data.addColumn('number', 'Expenses');
data.addColumn('string', 'Location');
data.addRows([
['Apples',1988,1000,300,'East'],
['Oranges',1988,1150,200,'West'],
['Bananas',1988,300,250,'West'],
['Apples',1989,1200,400,'East'],
['Oranges',1989,750,150,'West'],
['Bananas',1989,788,617,'West']
]);
var chart=new google.visualization.MotionChart(
document.getElementById('chart_div'));
chart.draw(data, {width: 600, height:400});
}
</script>
</head>
<body>
<div id="chart_div"
style="width:600px; height:400px;">
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment