# A Rose chart with offset start

By using chart.angles.start you can specify the start angle of the Rose chart. The first segment here is coloured pink so you can see the offset.

This goes in the documents header:

    <script src="RGraph.common.core.js"></script>
    <script src="RGraph.common.effects.js"></script>
    <script src="RGraph.rose.js"></script>

Put this where you want the chart to show up:

    <canvas id="cvs" width="400" height="400">
        [No canvas support]
    </canvas>

This is the code that generates the chart:

    <script>
        window.onload = function ()
        {
            var rose = new RGraph.Rose({
                id: 'cvs',
                data: [4,8,6,3,2,5,6],
                options: {
                    margin: 2.5,
                    anglesStart: -(RGraph.HALFPI/2),
                    colors: ['pink','blue','lime','green','black','red','green'],
                    colorsSequential: true,
                    textAccessible: true
                }
            }).roundRobin();
        };
    </script>