The colorWave effect gradually fades in the colors for each bar. It has a few requirements for it to be implemented:
<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>