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, axesColor: '#ccc', textColor: '#ccc', tickmarksStyle: 'filledcircle', tickmarksSize: 10, linewidth:3, xaxisLabels: ['2008','2009','2010','2011','2012','2013','2014','2015','2016','2017'], marginLeft: 50, marginRight: 50, marginTop: 50, marginBottom: 50 } }).trace(); </script>