A dark red and white Line chart

A Line chart that color-wise is inverted - so there's a dark background with light-gray axes and text and the line colors are red and white. There's no background grid. Also, it uses the trace() effect.

This goes in the documents header:

<script src="RGraph.common.core.js"></script>
<script src="RGraph.line.js"></script>

Put this where you want the chart to show up:

<div style="background-color: black; display: inline-block">
    <canvas id="cvs" width="750" height="350">[No canvas support]</canvas>
</div>

This is the code that generates the chart:

<script>
    line = new RGraph.Line({
        id:'cvs',
        data: [
            [5,2,10,3,5,4,5,5,2.5,6],
            [3,1,7,5,10,6,4,4,2,1]
        ],
        options: {
            colors: ['red','white'],
            backgroundGrid: false,
            axisColor: '#ccc',
            textColor: '#ccc',
            tickmarks: 'filledcircle',
            tickmarksSize: 50,
            linewidth:3,
            labels: ['2008','2009','2010','2011','2012','2013','2014','2015','2016','2017'],
            gutterLeft: 50,
            gutterRight: 50,
            gutterTop: 50,
            gutterBottom: 50
        }
    }).trace();
</script>