This is a demo of a chart that has a good deal of thin bars - most of
which are negative. The chart is animated using the grow()
effect and the
borders of the tooltips are colored according to the color of the bars.
The whole thing is generated by using the CSV reader along with CSV data.
<script src="RGraph.common.core.js"></script> <script src="RGraph.common.csv.js"></script> <script src="RGraph.common.tooltips.js"></script> <script src="RGraph.bar.js"></script>Put this where you want the chart to show up:
<div style="width: 950px; height: 350px; display: inline-block" id="chart-container"></div>This is the code that generates the chart: