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.
<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', ticksize: 10, linewidth:3, labels: ['2008','2009','2010','2011','2012','2013','2014','2015','2016','2017'], gutterLeft: 50, gutterRight: 50, gutterTop: 50, gutterBottom: 50 } }).trace(); </script>