This project is read-only.

DotNet.Highcharts Draggable Points

May 19, 2012 at 2:48 AM
Edited May 19, 2012 at 2:49 AM

in highchart forum there is an example of draggable points,

http://highcharts.uservoice.com/forums/55896-general/suggestions/2462019-draggable-points

http://jsfiddle.net/highcharts/AyUbx/

i can assume they used the jQuery draggable

http://jqueryui.com/demos/draggable/

can i use that option while creating the chart from an MVC platform coding with c#?,

and my bigger question is:

any possibility that dragging a point will drag the entire following series? 
meaning from the example:

http://jsfiddle.net/highcharts/AyUbx/

if i drag down march in 20 points then march through december will all go down 20 point?

it will change the entire series from the dragged point to the end of the series.

May 19, 2012 at 10:51 PM

 

iv made some changes to the script so you can drag entire series,

http://jsfiddle.net/AyUbx/172/

after you drop a point all the consecutive dots move as well, to move the entire series you can move the first dot.

naturally iv tried to move all the dots with the draggable dot by putting the call to moveConsecutiveDots in the mousemove event and not the mouse drop but i got some weird behavior...

May 20, 2012 at 11:28 AM

done:

http://jsfiddle.net/AyUbx/177/

 

press ctrl and all the line will move 

Jul 18, 2012 at 8:03 PM

Great work with the drag option but I do have a question how to use it with DotNetHighcharts.  After we call all the appropriate DotNetHighchart functions in code behind and the chart gets rendered to the browser, how are we able to set the drag option using Javascript?  I have looked around and can't see how to set options at runtime, only where initializing the chart.

Thanks for your time. 

Jul 19, 2012 at 2:00 PM

naturally your gonna need to replace the script file to the new one, you can see more here

http://highcharts.uservoice.com/forums/55896-general/suggestions/2462019-draggable-points?tracking_code=2066b007292ec6daa51edb911e4431ef 

Jul 24, 2012 at 9:23 PM

in the end I just modified the source code to add DraggableY to the class PlotOptionsSeries, eg.

 

namespace DotNet.Highcharts.Options
{
    /// <summary>
    /// General options for all series types.
    /// </summary>
    public class PlotOptionsSeries
    {

        ...

        public bool? DraggableY { get; set; }

     }

}