Unplanned
Last Updated: 17 Mar 2020 15:19 by ADMIN
Vidhyut
Created on: 03 Jun 2013 12:04
Category: Kendo UI for jQuery
Type: Feature Request
3
Add feature that Enables bar to be dragged up/down and set values
We need the bar of series to be draggable and also its value can be changed on drag.
For example, a user is given a chart like below link:
http://demos.kendoui.com/dataviz/bar-charts/column.html.
Below the chart, a table is given for data. Chart is loaded with false data. User is expected to plot the correct graph based on the table data given. For this, user will drag the bar in up/down direction to set it to the desired value.
3 comments
ADMIN
Angel Petrov
Posted on: 17 Mar 2020 13:58

Hi,

The desired functionality is in essence editing of the data. However the Chart in general a visualization tool and should only display the data not modify it. We will monitor the interest for such scenario for editing data and based on the community interest we will consider it for our plans.

Regards,
Angel Petrov
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Jay
Posted on: 10 Mar 2020 13:51

Our use case would be more like the stacked bar demo

https://demos.telerik.com/kendo-ui/bar-charts/stacked-bar

We would need to be able to indicate whether a particular bar could be adjusted by dragging or not, and dragging a bar would not affect the bar next to it, so in effect, only side of the bar might be draggable/adjustable (though there's probably a use case for having a bar drag affect the bar next to it as well).

For example, in the given chart, in the 1952 bar, I might drag the right side of the silver bar to the left (or put it another way, drag the left side of the bronze bar to the left). This would shrink the silver bar but the bronze bar would remain the same size, but moved over due to the silver bar change in size. Similarly, dragging the right side of the gold bar (or left side of the silver bar) to the right would grow the gold bar, but the silver and bronze bars would remain the same size (though changed in position due to the size change of the gold bar). 

Also, perhaps I set the silver bar as not being draggable/adjustable. Dragging the right side of the gold bar (left side of the silver) would shrink or grow the gold bar, leaving the silver and bronze bars the same size but changed in position. Dragging (or rather, attempting to drag) the right side of the silver bar (left side of bronze) would have no affect because it is not draggable. Dragging the right side of the bronze bar would change the size of the bronze bar.

Ideally, I could grab the right of the bronze bar (or really, any of the bars) and drag it to the right outside the bounds of the chart and the scale at the bottom would increase as I dragged it, or perhaps after I release the drag. However, only the bar I was dragging should change in size.

Shrinking a bar to zero size should be possible. However, that edge should still be draggable so one could drag it back to a non-zero size (not quite sure how this would work in a single bar situation, though).

Perhaps a circle marker or open half circle on the right edge of the bar, colored the same color as the bar, could serve as the drag handle which also indicates the bar is draggable; non-draggable bars would not have the marker. The marker could still be visible if the size was zero, indicating the bar could be dragged larger again.

ADMIN
Maria Ivanova
Posted on: 21 Jan 2020 15:01

Hi Folks,

We wanted to validate what is this popularity of this chart feature for 2020. Please vote or share you requirements related to bar chart setting of values, so that we can validate its need and potentially include it in our backlog for implementation.

Kind Regards,
Maria Veledinova
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.