A Line chart in blue surrounded by a black box. The box is added after the
main drawing by using the draw
custom RGraph event.
<script src="RGraph.common.core.js"></script> <script src="RGraph.line.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250"> [No canvas support] </canvas>This is the code that generates the chart:
<script>
line = new RGraph.Line({
id: 'cvs',
data: [28,21,26,32,35,36,39,45,47,51,55,74,85],
options: {
xaxisLabels: ['1950','\n1955','1960','\n1965','1970','\n1975','1980','\n1985','1990','\n1995','2000','\n2005','2010'],
colors: ['blue'],
axes: false,
yaxisScaleMax: 100,
yaxisScaleUnitsPost: '%',
marginLeft: 45,
marginBottom: 45,
marginTop: 10,
marginRight: 5,
linewidth: 3,
marginInner: 7
}
}).on('draw',function (obj)
{
// Updated style for the path function
RGraph.path({
object: obj,
path: 'lw 1 lj miter sr % % % %',
args: [45, 10, 550.01, 195]
});
}).draw();
</script>