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

ZoomStart

events

Fired when the user uses the mousewheel to zoom the chart.

The event handler function context (available via the this keyword) will be set to the widget instance.

zoomStart

Event Data

e.axisRanges `Object`

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

e.originalEvent `Object`

The original user event that triggered the drag action.

e.preventDefault `Function`

If invoked the zoom operation will abort.

e.sender `kendo.dataviz.ui.Chart`

The widget instance which fired the event.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [
    { data: [1, 2] }
  ],
  zoomStart: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("zoomStart");
  }
});
</script>

<div id="chart"></div>
<script>
function chart_zoomStart(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log("zoomStart");
}
$("#chart").kendoChart({
  series: [
    { data: [1, 2] }
  ]
});
var chart = $("#chart").data("kendoChart");
chart.bind("zoomStart", chart_zoomStart);
</script>

ZoomStart

zoomStart

Event Data

e.axisRanges Object

e.originalEvent Object

e.preventDefault Function

e.sender kendo.dataviz.ui.Chart

e.axisRanges `Object`

e.originalEvent `Object`

e.preventDefault `Function`

e.sender `kendo.dataviz.ui.Chart`