Bar chart Color Wave effect

The colorWave effect gradually fades in the colors for each bar. It has a few requirements for it to be implemented:

The color(s) must be in the format: rgba(r,g,b,a)
The function will pad the colors and turn on colorsSequential.

This goes in the documents header:

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

Put this where you want the chart to show up:

<div id="container" style="display: inline-block; position: relative">
    <canvas id="cvs" width="350" height="350" >[No canvas support]</canvas>
</div>

This is the code that generates the chart:

<script>
    new RGraph.Bar({
        id: 'cvs',
        data: [4,8,6,5,2,3,4,9],
        options: {
            textAccessible: true,
            colors: [
                'rgba(255,0,0,0)',
                'rgba(0,255,0,0)',
                'rgba(0,0,255,0)',
                'rgba(0,255,255,0)',
                'rgba(255,0,255,0)',
                'rgba(255,255,0,0)',
                'rgba(255,128,0,0)',
                'rgba(128,255,128,0)'
            ],
            colorsSequential: true,
            textSize: 16,
            variant: 'bar',
            shadow: false
        }
    }).colorWave();
</script>

« Back