We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Drag-and-drop series points and other simple questions

Hello,
I am using the WPF chart from Essential Studio 7.2.0.20. I have some questions hopefully someone can help me with.

- I found an example of how to drag-and-drop series points when using the WinForms version of the chart (http://www.syncfusion.com/products/user-interface-edition/windows-forms/chart/interactive-elements#drag-and-drop-series-points and http://www.syncfusion.com/support/kb/60/How-to-drag--span-class=) Can someone provide a similar example using the WPF version of the chart please? I would like a small sample showing how to drag data points of a line chart and have their values updated as the mouse is moved. It should also allow for dragging the mouse past the bounds of the chart.

- Is the RangeSelector available in 7.2.0.20? If not, any ideas of how it can be implemented in any other way?

- Is Panning (when looking at a zoomed in chart) available in 7.2.0.20? If not, any ideas of how it can be implemented in any other way?

- The axis values are auto-calculated based on the data correct? I assume you can turn that off and specify the range, min, max, and unit.

- I want my data points on a line chart to have markers. There is no Marker class right? You use Adorners for this?

Thanks a lot for any help/info you can give me. I know 7.2.0.20 is not the latest version but it is all I have available so please keep that in mind when you provide any samples :)


10 Replies

SA Saravanan A Syncfusion Team March 3, 2011 01:50 PM UTC

Hi Torque,

Below is the response for your questions.

1. I would like a small sample showing how to drag data points of a line chart and have their values updated as the mouse is moved. It should also allow for dragging the mouse past the bounds of the chart.

Based on your requirement we have created a simple sample to drag and drop the data points. Please download the sample from below location.

Sample: http://www.syncfusion.com/uploads/redirect.aspx?&team=support&file=Drag_Drop_Datapoints-272319610.zip


4. The axis values are auto-calculated based on the data correct? I assume you can turn that off and specify the range, min, max, and unit.

Yes, the auto calculation of axis range can be stopped by specifying the “IsAutoSetRange” property of axis to false. Using the property “Range” we can have our required range in axis. The values type of the axis can be specified by “ValueType” property of axis.

5. I want my data points on a line chart to have markers. There is no Marker class right? You use Adorners for this?

Using adornment we can show corresponding data points in the series. Please refer sample provided for question one.

The Range selector(2) and Panning(3) features are not present in 7.2.0.20. This cannot be attained by any means. This feature is present in our later version. Please upgrade to our later version to attain these requirements.


Please let us know if you require any further clarifications.

Thanks,
Saravanan




FF fff October 27, 2013 11:34 AM UTC

Hi Saranavan,

How can the example above be modified in order to have the graph updated while draging, not just when mouseup ?

(because as is, user does not see how he is modifying -it's a but a guess- )

Thanks,

Fabrice



MK Muneesh Kumar G Syncfusion Team October 29, 2013 09:04 AM UTC

Hi Fabrice,

We have modified our sample based on your requirement. Please find the sample from the following location.

Sample: http://www.syncfusion.com/downloads/support/directtrac/114973/Drag_Drop_Datapoints-76705647.zip

Please let us know if you have any queries.

Regards,

Muneesh Kumar G.



FF fff November 23, 2013 12:17 PM UTC

Hi,

Thanks, some questions still to make that reliable

-how to block the axis/table automatic rescale

-how to move only the point that is clicked if any (at the moment you can click anywhere on the table whith very confusing/random result)

-an error from time to time (see screen attached)

Thanks,

F



error_4deedebb.zip


MK Muneesh Kumar G Syncfusion Team November 26, 2013 05:42 AM UTC

Hi Fabrice,

Please find the response below.

Query 1: How to block the axis/table automatic rescale

We can achieve your requirement by setting Range as per the below code snippet.

Code Snippet[XAML]:

<syncfusion:ChartAxis  ValueType="Double" IsAutoSetRange="False" Range="0,8" Header="X" />

 

We have prepared a sample based on this and you can find the sample under the following location:

Query 2: How to move only the point that is clicked if any (at the moment you can click anywhere on the table with very confusing/random result).

We are able to reproduce the issue with our sample. We have modified our sample based on your requirement. Please find the sample from the following location.

Query 3: Error from time to time mouse click.

We have analyzed the reported issue with our sample; we are not able to reproduce the issue. Can you please check with the sample in the following location? If still you face the problem, please revert us by modifying the sample based on your application along with replication procedure. This would be helpful for us to serve you.

Sample: http://www.syncfusion.com/downloads/support/directtrac/115227/DragandDrop695404805.zip

Please let us know if you have any queries.

Regards,

Muneesh Kumar G.



FF fff December 1, 2013 07:29 AM UTC

Thanks Muneesh,

Your code sample rocks !

It opens doors to new applications of SF chart. Not just for stats or data display, but as new kind of UI input.

Thanks again,

Fabrice



SK skybluecodeflier November 11, 2014 06:10 PM UTC

It appears that only the first sample in this thread is accessible to me- can you make the samples globally accessible? 

Additionally, concerning the first sample, I was wondering why it was necessary to completely re-generate the ChartSeries from scratch when a change to the underlying data occurs.  I would have thought that proper data-binding with the underlying "Measure" data object implementing INotifyPropertyChanged could have allowed the change in the "Measure" object's data to propogate automatically to the rendered ChartSeries. 


MK Magesh Kumar Krishnan Syncfusion Team November 17, 2014 12:58 PM UTC

Dear Customer,

Please find the response below.

Query 1: It appears that only the first sample in this thread is accessible to me- can you make the samples globally accessible?
Please find the requested samples from the given below location:

Sample 1: http://www.syncfusion.com/downloads/support/directtrac/132042/DragandDropMousemove-1507443292.zip
Sample 2: http://www.syncfusion.com/downloads/support/directtrac/132042/RangeforAxis-851196706.zip

Query 2: I was wondering why it was necessary to completely re-generate the ChartSeries from scratch when a change to the underlying data occurs.
Please ignore the samples updated earlier.  We have modified the sample without re-generating series. Also we need to make our underlying model by inheriting INotifyPropertyChanged.
Please find the modified sample from the following location:

Sample: http://www.syncfusion.com/downloads/support/directtrac/132042/INotifyProperty-955052334.zip

Note: Our new SfChart is introduced from the version 11.1. SfChart can provide you a better performance for the large amount of data with more features included in it. SfChart have separate API for dragging and drop the segments, that you can find from the below documentation location. We suggest you to try out our New SfChart control for your requirement.

SfChart: http://help.syncfusion.com/ug/wpf/default.htm#!documents/segmentdraganddrop.htm

Thanks,
Magesh Kumar K



SK skybluecodeflier November 20, 2014 08:21 PM UTC

Thank you for the links to the samples as well as the new version!  With some tweaking, I was able to get it to work well for my purposes! 


SJ Sumathi Jayaraj Syncfusion Team November 21, 2014 11:09 AM UTC

Dear Customer,

Thanks for the update.
Please let us know if you require further assistance on this.

Regards,
Sumathi J

Loader.
Live Chat Icon For mobile
Up arrow icon