A single web page Bar chart example which has inlined the RGraph libraries
Put this at the BOTTOM of the page
<script>
// Put the source code of the RGraph.common.core.js file
// here - all 10,000+ lines of it.
</script>
<script>
// Put the source code of the RGraph.bar.js file
// here.
</script>
Put this where you want the chart to show up:
<div style="display: inline-block; margin: 35px">
<canvas id="cvs" width="600" height="300">[No canvas support]</canvas>
</div>
This is the code that generates the chart - it uses the window.onload
event so you can put it anywhere:
<script>
window.onload = function ()
{
new RGraph.Bar({
id: 'cvs',
data: [45,23,56,15,58,59,45],
options: {
xaxisLabels: ['Jill','Joseph','Joe','Jim','July','Jake','John'],
textSize: 20,
backgroundGridVlines: false,
backgroundGridBorder: false,
xaxis: false,
yaxis: false
}
}).draw();
};
</script>