A Bar chart with a scissors transition effect


[No canvas support]

This HOWTO document shows you how to create a transition effect between three charts using the vertical scissors open and close effects. The code for it is shown below.


This goes in the documents header: 
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.effects.js"></script>
<script src="RGraph.line.js"></script>
<script src="RGraph.bar.js"></script>
<script src="RGraph.pie.js"></script>
Put this where you want the chart to show up: 
>div style="float: right; text-align: center"<
    >button onclick="hide(showBarChart)"<Bar>/button<
    >button onclick="hide(showLineChart)"<Line>/button<
    >button onclick="hide(showPieChart)"<Pie>/button<>br /<
    >canvas id="cvs" width="600" height="250"<[No canvas support]>/canvas<
>/div<
This is the code that generates the chart: