dragStart
Fires when the user has used the mouse or a swipe gesture to drag the chart.
The drag operation can be aborted by calling e.preventDefault().
Example - subscribe to the "dragStart" event during initialization
<div id="stock-chart"></div>
<script>
$("#stock-chart").kendoStockChart({
dataSource: {
data: [
{ date: new Date("2023/1/1"), open: 100, high: 110, low: 95, close: 105 },
{ date: new Date("2023/1/2"), open: 105, high: 115, low: 100, close: 110 }
]
},
dateField: "date",
series: [{
type: "candlestick",
openField: "open",
highField: "high",
lowField: "low",
closeField: "close"
}],
dragStart: function(e) {
console.log("Drag started", e.axisRanges);
}
});
</script>
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.sender kendo.dataviz.ui.StockChart
The widget instance which fired the event.
In this article