An SVG Bar chart using the wave effect

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>