UNPKG

rickshaw

Version:

Rickshaw is a JavaScript toolkit for creating interactive time series graphs, developed at [Shutterstock](http://www.shutterstock.com)

33 lines (24 loc) 666 B
<!doctype> <link type="text/css" rel="stylesheet" href="../src/css/graph.css"> <link type="text/css" rel="stylesheet" href="css/lines.css"> <script src="../vendor/d3.v2.js"></script> <script src="../rickshaw.js"></script> <div id="chart"></div> <script> var graph = new Rickshaw.Graph({ unstack: true, element: document.querySelector("#chart"), width: 580, height: 250, min: 'auto', renderer: 'bar', series: [ { color: 'steelblue', data: [ { x: 0, y: 20 }, { x: 1, y: 3 }, { x: 2, y: 15 }, { x: 3, y: 42 } ] }, { color: 'tomato', data: [ { x: 0, y: 12 }, { x: 1, y: -20 }, { x: 2, y: 18 }, { x: 3, y: 8 } ] } ] }); graph.render(); </script>