Like the grow efect demo this is a pretty basic demo that uses the wave effect. It's also grouped, with a custom set of colors and a high hmargin setting that makes the thin bars. The background grid has been customised too by turning off the vertical lines.
This goes in the documents header:<script src="RGraph.svg.common.core.js"></script> <script src="RGraph.svg.bar.js"></script>Put this where you want the chart to show up:
<div style="padding: 15px"> <div style="width: 750px; height: 300px" id="chart-container"></div> </div>This is the code that generates the chart:
<script> new RGraph.SVG.Bar({ id: 'chart-container', data: [[4,8,6],[1,6,8],[4,9,6],[4,6,3],[5,2,1],[8,6,3],[8,6,3]], options: { hmargin: 30, xaxisLabels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'], colors: ['#C0504D','#9BBB59','#4F81BD'], yaxis: false, xaxisColor: '#aaa', backgroundGridVlines: false, backgroundGridBorder: false } }).wave(); </script>