Here's a basic Rose chart demo using a title, subtitle and which also has tooltips. The Rose chart can be in 4 main modes which allow you to show a variety of data: They can be regular, stacked and also non-equi-angular and stacked non-equi-angular. So they're quite good at showing a variety of data.
This goes in the documents header:<script src="RGraph.svg.common.core.js"></script> <script src="RGraph.svg.rose.js"></script>Put this where you want the chart to show up:
<div style="width: 500px; height: 500px" id="chart-container"></div>This is the code that generates the chart:
<script> rose = new RGraph.SVG.Rose({ id: 'chart-container', data: [8,6,4,3,9,1,5], options: { scaleUnitsPost: '%', scaleDecimals: 1, colors: ['red'], linewidth: 2, backgroundGridColor: '#aaa', backgroundGridRadialsCount: 0, margin: 0.05, //margin: '5deg', strokestyle: 'transparent', tooltips: ['Alf','Bertie','Charlie','Doug','Edgar','Frankie','Gary'], title: 'Bobs Day at the races', titleY: 35, titleSubtitle: 'A chart showing winners of the individual races', gutterTop: 50 } }).draw(); </script>