A basic example of the new simple gradient syntax

Here is a simple Rose chart that uses the new easy gradient syntax for colors: Gradient(white:red)

[No canvas support]

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>
    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>