Skip to content

Instantly share code, notes, and snippets.

@nikitae

nikitae/dabblet.html

Created February 4, 2013 15:57
Show Gist options
  • Save nikitae/4707618 to your computer and use it in GitHub Desktop.
Save nikitae/4707618 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>
Google Visualization API Sample
</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart']});
</script>
<script type="text/javascript">
function drawVisualization() {
// Some raw data (not necessarily accurate)
var data = google.visualization.arrayToDataTable([
['Month', 'Madagascar'],
['2004/05', 222],
['2005/06', 599],
['2006/07', 587],
['2007/08', 715],
['2008/09', 329]
]);
// Create and draw the visualization.
var ac = new google.visualization.AreaChart(document.getElementById('visualization'));
ac.draw(data, {
title : 'Monthly Coffee Production by Country',
isStacked: true,
width: 700,
height: 300,
vAxis: {title: "Cups"},
hAxis: {title: "Month"}
});
}
google.setOnLoadCallback(drawVisualization);
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div id="visualization" style="width: 600px; height: 400px;"></div>
</body>
</html>
Raw
dabblet.js
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart']});
</script>
<script type="text/javascript">
function drawVisualization() {
// Some raw data (not necessarily accurate)
var data = google.visualization.arrayToDataTable([
['Month', 'Madagascar'],
['2004/05', 222],
['2005/06', 599],
['2006/07', 587],
['2007/08', 715],
['2008/09', 329]
]);
// Create and draw the visualization.
var ac = new google.visualization.AreaChart(document.getElementById('visualization'));
ac.draw(data, {
title : 'Monthly Coffee Production by Country',
isStacked: true,
width: 700,
height: 300,
vAxis: {title: "Cups"},
hAxis: {title: "Month"}
});
}
google.setOnLoadCallback(drawVisualization);
</script>// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment