Skip to content

Instantly share code, notes, and snippets.

@ojii
Created January 18, 2012 10:55
Show Gist options
  • Save ojii/1632430 to your computer and use it in GitHub Desktop.
Save ojii/1632430 to your computer and use it in GitHub Desktop.
rickshaw
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="rickshaw.min.css">
</head>
<body>
<div id="chartcontainer-31992208">
<div id="chartyaxis-31992208"></div>
<div id="chart-31992208"></div>
</div>
<script type="text/javascript" src="d3.min.js"></script>
<script type="text/javascript" src="d3.layout.min.js"></script>
<script type="text/javascript" src="rickshaw.min.js"></script>
<script type="text/javascript">
(function(){
var graph = new Rickshaw.Graph({"series": [{"color": "steelblue", "data": [{"y": 23, "x": 0}, {"y": 15, "x": 1}, {"y": 79, "x": 2}]}], "width": 400, "element": document.getElementById("chart-31992208"), "renderer": "line", "height": 600});
new Rickshaw.Graph.Axis.Y({
graph: graph,
orientation: 'left',
tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
element: document.getElementById("chartyaxis-31992208")
});
graph.render();
})()
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment