Here is a simple Rose chart that uses the new easy gradient syntax for colors:
Gradient(white:red)
<script src="RGraph.common.core.js"></script> <script src="RGraph.rose.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="500" height="500"> [No canvas support] </canvas>This is the code that generates the chart:
<script> new RGraph.Rose({ id: 'cvs', data: [8,8,9,6,8,7,7], options: { colors: [ 'Gradient(white:red)', 'Gradient(white:green)', 'Gradient(white:blue)', 'Gradient(white:pink)', 'Gradient(white:#ddd)', 'Gradient(white:cyan)', 'Gradient(white:orange)' ], colorsSequential: true, labelsAxes: 'n', margin: 3 } }).draw(); </script>