Adjusting your charts interactively - Horizontal Bar chart

Summary: Information about adjusting the Horizontal Bar chart interactively. It's useful if you're doing a presentation and need to illustrate changes.

[No canvas support]

Adjusting the Horizontal Bar chart is new in August 2016 and, like other charts, can be used to adjust the values represented by the chart. These events are available for you to use:


<script>
    new RGraph.HBar({
        id: 'cvs',
        data: [4,8,6,3,5,2,6],
        options: {
            adjustable: true,
            xaxisLabels: ['Richard','Ben','Larry','Pete','Luis','John','Fred']
        }
    }).draw().on('adjustbegin', function (obj)
    {
        console.log('The adjustbegin event has fired.');
    }).on('adjust', function (obj)
    {
        console.log('The adjust event has fired.');
    }).on('adjustend', function (obj)
    {
        console.log('The adjustend event has fired.');
    });
</script>

The RGraph adjusting events

There are three RGraph events associated with adjusting. The adjustbegin event fires when adjusting begins. Much like the mousedown event. The adjust event fires during adjusting, much like the mousemove event. The adjustend event fires when adjusting is finished, much like the mouseup event.