# 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,
                labels: ['Kev','Indigo','Florence'],
                 adjustable: true,
                adjustableOnly: [,,,true],
                colors: ['#ddd','#ddd','#ddd', 'red','#ddd'],
                gutterLeft: 100,
                noxaxis: true,
                vmargin: 2
            }
        }).draw();
    </script>

« Back