A simplw Horizontal Bar chart that uses the grow effect. The horizontal background grid lines have been disabled and there's no X axis.
This goes in the documents header:<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>