New to Kendo UI for jQuery? Start a free 30-day trial

Zoom

events

Fires as long as the user is zooming the chart using the mousewheel.

zoom

Event Data

e.axisRanges `Object`

A hastable containing the suggested current range (min and max values) of named axes. The axis name is used as a key.

Note that the axis ranges are not updated automatically. You need to call set_options with either the suggested or custom min/max values for them to take effect.

$("#sparkline").kendoSparkline({
    valueAxis: {
        name: "price"
    },
    zoom: onZoom
    ...
}

function onZoom(e) {
    var minPrice = e.axisRanges.price.min;
}

e.delta `Number`

A number that indicates the zoom amount and direction.

A negative delta indicates "zoom in", while a positive "zoom out".

e.originalEvent `Object`

The original user event that triggered the zoom action.

This event can be used to prevent the default mousewheel action (scroll).

function onZoom(e) {
    // Prevent window scroll
    e.originalEvent.preventDefault();
}

Zoom

zoom

Event Data

e.axisRanges Object

e.delta Number

e.originalEvent Object

e.axisRanges `Object`

e.delta `Number`

e.originalEvent `Object`