# A 3D Bipolar chart

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 bipolar = new RGraph.Bipolar({
                id: 'cvs',
                left: [4,6,3,5,8],
                right: [4,6,5,9,2],
                options: {
                    textAccessible: true,
                    labels: ['John','Luke','Pete','Jane','Fred'],
                    variant: '3d',
                    gutterBottom: 80,
                    margin: 5,
                    noaxes: true,
                    scaleZerostart: true,
                    colors: ['Gradient(#a00:white:#a00)']
                }
            }).grow();
        };
    </script>

« Back