A bar chart that has a high hmargin setting giving a thin bar effect. It's grouped and uses the grow effect. It also has a title and a subtitle.
This goes in the documents header:<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: { marginLeft: 75, marginRight: 25, marginBottom: 35, marginTop: 45, backgroundGridVlines: false, backgroundGridBorder: false, textSize: 12, yaxis: false, yaxisScaleUnitsPre: '', // Default yaxisScaleUnitsPost: 'k', yaxisScalePoint: '.', // Default yaxisScaleThousand: ',', // Default yaxisScaleDecimals: 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>