An SVG Bar chart with a dark background

This is an SVG version of the canvas based bar-dark-background.html demo. It's a Bar chart, with a dark background and light pink and light blue graduated bars. It also uses the wave() effect too. Other than that it's pretty standard.

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="width: 600px; height: 300px; background-color: black; border-radius: 10px" id="cc"></div>
This is the code that generates the chart:
<script>
    var data = [[45,56],[75,32],[39,47],[34,48],[46,47],[48,52]];

    new RGraph.SVG.Bar({
        id: 'cc',
        data: data,
        options: {
            colors: ['Gradient(white:white:#ccf:#ccf:#ccf:#ccf)','Gradient(white:white:#faa:#faa:#faa:#faa)'],
            backgroundGridVlines: false,
            backgroundGridBorder: false,
            textColor: 'white',
            xaxisLabels: ['2007','2008','2009','2011','2012','2013'],
            hmargin: 7,
            textSize: 16,
            marginLeft: 45,
            marginBottom: 45,
            marginTop: 45,
            marginRight: 45
        }
    }).wave();
</script>