<script src="RGraph.svg.common.core.js"></script> <script src="RGraph.svg.bar.js"></script>Put this where you want the chart to show up:
<div style="padding: 15px"> <div style="width: 750px; height: 300px" id="chart-container"></div> </div>This is the code that generates the chart:
<script> new RGraph.SVG.Bar({ id: 'chart-container', data: [[5,3],[4,6],[4,5],[8,5],[3,6],[5,6],[8,5],[1,9],[4,3],[4,8],[5,8],[4,8]], options: { gutterLeft: 75, gutterRight: 25, gutterBottom: 35, gutterTop: 45, backgroundGridVlines: false, backgroundGridBorder: false, textSize: 12, yaxis: false, yaxisUnitsPre: '', // Default yaxisUnitsPost: 'k', yaxisPoint: '.', // Default yaxisThousand: ',', // Default yaxisDecimals: 0, xaxisLabels: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Sep','Dec'], colors: ['#5cf', 'black'], hmargin: 9, hmarginGrouped: 2, title: 'Monthly sales figures', titleSubtitle: 'Turnover grouped by sales team' } }).grow(); </script>