Adjusting your charts interactively - Odometer chart

  Read comments... [No canvas support]

The Meter chart has the facility to be adjusted. There are three custom RGraph events associated with it:

See below for an example of using these events.


<script>
    window.onload = (function ()
    {
        var odo = new RGraph.Odometer({
            id: 'cvs',
            min: 0,
            max: 100,
            value: 78,
            options: {
                adjustable: true
            }
        }).draw().on('adjustbegin', function (obj)
        {
            // ...
        }).on('adjust', function (obj)
        {
            // ...
        }).on('adjustend', function (obj)
        {
            // ...
        });
    })
</script>

The RGraph adjusting events

There are three RGraph events associated with adjusting. The onadjustbegin event fires when adjusting begins. Much like the onmousedown event. The onadjust event fires during adjusting, much like the onmousemove event. The onadjustend event fires when adjusting is finished, much like the onmouseup event.

Share RGraph
X

Comments