This effect currently doesn't use the textAccessible
option. If rewritten
it probably could by applying the CSS to the container DIV instead of the canvas tag.
This way the DIV and everything in it (ie the canvas and the text) is animated.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="RGraph.common.core.js"></script> <script src="RGraph.line.js"></script> <script src="RGraph.bar.js"></script> <style> div#container { position: relative; width: 600px; height: 250px; } div#container canvas { position: absolute; top: 0; left: 0; width: 600px; height: 250px; background-color: white; transition: all 1s; opacity: 1; } div#container canvas#cvs1 { top: 125px; left: 300px; width: 0; height: 0; opacity: 0; transform: rotate(90deg); } </style>Put this where you want the chart to show up:
<div id="container"> <canvas id="cvs1" width="600" height="250">[No canvas support]</canvas> <canvas id="cvs2" width="600" height="250">[No canvas support]</canvas> </div>This is the code that generates the chart: