This demo shows a simple effect using the Pie chart RoundRobin effect.
This goes in the documents header:<script src="RGraph.common.core.js"></script> <script src="RGraph.common.effects.js"></script> <script src="RGraph.pie.js"></script> <script src="RGraph.bar.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 bar = new RGraph.Bar({
id: 'cvs',
data: [5,4,5,6,8,5,3],
options: {
gutterBottom: 40,
labels: ['Monday','\r\nTuesday','Wednesday','\r\nThursday','Friday','\r\nSaturday','Sunday'],
strokestyle: 'rgba(0,0,0,0)',
backgroundGridVlines: false,
backgroundGridBorder: false,
noyaxis: true,
textAccessible: true
}
}).draw();
var pie = new RGraph.Pie({
id: 'cvs',
data: [4,8,6],
options: {
centerx: 60,
centery: 60,
radius: 25,
exploded: [5],
strokestyle: 'rgba(0,0,0,0)',
shadow: true,
strokestyle: '#fff',
linewidth: 1
}
}).roundRobin({frames: 30, radius: false});
};
</script>