An adjustable HBar chart with only one bar thats adjustable
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.dynamic.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: [1,8,6,8,2,3,4,3,2],
options: {
colorsSequential: true,
yaxisLabels: ['Kev','Indigo','Florence'],
adjustable: true,
adjustableOnly: [,,,true],
colors: ['#ddd','#ddd','#ddd', 'red','#ddd'],
marginLeft: 100,
xaxis: false,
vmargin: 2
}
}).draw();
</script>