# 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>