Summary
RGraph demo page: A stacked Bipolar chart

RGraph demo: A stacked Bipolar chart

A stacked Bipolar chart

An example of a stacked Bipolar chart which is animated using the grow effect. The X axis is turned off but other than that it's a pretty standard Bipolar chart.

[No canvas support]

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="300">
    [No canvas support]
</canvas>
This is the code that generates the chart:
<script>
    bip = new RGraph.Bipolar({
        id: 'cvs',
        left:  [[1,9,5],[4,8,6],[2,3,5],[1,4,5],[5,5,4]],
        right: [[5,6,1],[4,5,5],[6,8,4],[4,3,2],[2,9,5]],
        options: {
            labels: ['Johnathon','Barry','Lukas','Jeremiah','Lucas'],
            grouping: 'stacked',
            axisColor: '#bbb',
            noxaxis: true
        }
    }).grow();
</script>

« Back