A basic horizontal bar chart
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.hbar.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="450">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
new RGraph.HBar({
id: 'cvs',
data: [5,8,6,4,3,2,1,6,8],
options: {
yaxisLabels: ['Venus','Felicity Jones-Arthur','Cynthia','Frederick','Hoolio','Peter','Jennifer','Richard','Joathan']
}
}).draw();
// This onadjust event listener makes it so that when you adjust the
// chart the bar being adjusted snaps to the nearest whole value.
//
//.on('adjust', function (e)
//{
// var shape = RGraph.Registry.get('chart.adjusting.shape'),
// obj = shape.object,
// idx = shape.index,
// indexes = RGraph.sequentialIndexToGrouped(idx, obj.data);
// group = indexes[0],
// index = indexes[1];
// obj.data[group][index] = Math.round(obj.data[group][index]);
//
// RGraph.redraw();
//});
</script>