Unplanned
Last Updated: 26 Feb 2026 10:10 by ADMIN
Muralidharan
Created on: 30 Mar 2015 12:47
Category: Chart
Type: Feature Request
8
Reg: Dragging of a series in chart area by user
User want to drag the series point as well as series line(whole series line) in any direction, so the user can move the series where he want, please refer the below URL, where user can move the series point in vertical direction only, likewise the user want to drag the series point as well as series line in any direction, so he can set the threshold  limit where he want by using the custom series and analysis the chart against his threshold limit

http://jsfiddle.net/SpaceDog/QsKaJ/1/
2 comments
ADMIN
Nikolay
Posted on: 26 Feb 2026 10:10

Hi Jeff,

Thank you for showing interest in the drag and drop of the Chart series feature.

Currently, Kendo UI for jQuery Chart does not provide built-in support for dragging series points or entire series lines in both horizontal and vertical directions.

Custom Implementation Suggestions

To achieve the behavior you described—dragging series points and lines in any direction and setting threshold limits—you would need to implement custom logic. Here are some possible approaches:

  • Custom Drag Logic: Use the Chart's plotAreaClick, seriesClick, or similar events to detect user interaction. Combine these with mouse/touch events to calculate new positions for series points and update the chart data accordingly.
  • Redraw Series: After updating the series data based on user drag, re-bind the chart to reflect the changes visually.
  • Threshold Lines: You can add custom plot bands or lines to visually indicate threshold limits, and update their position dynamically as the user drags series points or lines.

Here is a basic outline for custom point dragging in both axes (not a full implementation):

// Example outline for custom point dragging
$("#chart").kendoChart({
  // ... chart configuration ...
  series: [{
    // your series config
  }],
  seriesClick: function(e) {
    // Store index of clicked point
    // Attach mousemove/mouseup handlers to update point coordinates
    // Update data and redraw chart
  }
  // Additional event handlers as needed
});

Implementing full series line dragging would require iterating over all points in the series and updating their positions together as the user drags.

      Regards,
      Nikolay
      Progress Telerik

      Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

      n/a
      Posted on: 19 Feb 2026 16:26
      This would be useful for our forecasting process.  Allow the chart to plot historical sales then adjust weekly/monthly data plots as necessary.