Here is a simple Rose chart that uses the new easy gradient syntax for colors: Gradient(white:red)
This goes in the documents header:<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>
window.onload = function ()
{
var rose = new RGraph.Rose({
id: 'cvs',
data: [8,8,9,6,8,7,7],
options: {
textAccessible: true,
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>