Here's a basic Rose chart demo using a title and subtitle and it also has
tooltips. The Rose chart can be in 4 main modes which allows you to show a
variety of datasets: It can be regular
stacked
and also non-equi-angular
and stacked non-equi-angular
. So it's quite good at showing a variety
of different types of data.
<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, amargin: 0.05, //amargin: '5deg', colorsStroke: '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', marginTop: 50 } }).draw(); </script>