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

DragStart

events

Fired when the user starts dragging the chart.

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

dragStart

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 drag 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] }
  ],
  dragStart: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("dragStart");
  }
});
</script>

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

DragStart

dragStart

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`