A simple Horizontal Bar chart that uses the grow()
effect. The horizontal background grid lines have been disabled and there's no X axis.
<script src="RGraph.svg.common.core.js"></script> <script src="RGraph.svg.line.js"></script>Put this where you want the chart to show up:
<div style="width: 950px; height: 400px; background-color: black; box-shadow: 3px 3px 3px #ccc" id="chart-container"></div>This is the code that generates the chart:
<script> new RGraph.SVG.HBar({ id: 'chart-container', data: [5,8,6,3,4,1,9], options: { yaxisLabels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'], backgroundGridHlines: false, backgroundGridBorder: false, xaxis: false } }).grow(); </script>