# Bipolar chart Grow effect

This goes in the documents header:

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

Put this where you want the chart to show up:

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

This is the code that generates the chart:

    <script>
        window.onload = function ()
        {
            var left  = [4,8,6,3,1,2,5];
            var right = [15,13,18,19,12,16,14];

            var bar = new RGraph.Bipolar({
                id: 'cvs',
                left: left,
                right: right,
                options: {
                    gutterCenter: 135,
                    titleLeft: 'August 2013',
                    titleRight: 'August 2014',
                    textColor: '#666',
                    textSize: 16,
                    labels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
                    colors: ['gradient(red:red:red:red:#c00:#c00:#c00:red:red:red:red)'],
                    textAccessible: true
                }
            }).grow();
        };
    </script>

« Back