The plugin stops working if the legend is updated after the initialization. See: http://jsfiddle.net/4jZ7T/242/

Thaaaaank you!

I fixed that in the plugin now, check out version 1.0.2.

did anyone mention how to have a draggable legend, AND a zoomable chart??

Instead of applying it to the legend.title.element, perhaps try legend.legendGroup.element instead?

addEvent(title.element, 'mousedown', function (e) {

Hey this is great ! Is there and easy way to drag and drop in the legend ( not only in the title ) ?
Thanks

I have added a "return false;" to the mouseDown event to prevent dragging from causing a zoom action.

@dcw: Actually it works with the latest v3 code: http://jsfiddle.net/highcharts/M7ZNQ/1/

Was just thinking this would be a sweet feature to have - especially if it worked on all desktop/pad/mobile! Voting...

Great feature! But there is one problem... if you drag and drop the legend over the drawed lines then you cannot drag it anymore (because of the tooltips).

see http://jsfiddle.net/M7ZNQ/

I see that - it's a problem with the legend and the axis labels both having zIndex 7. The workaround is to set the axis.labels.zIndex to 6, which I have done in the demo.

looks nice but when overlapping the axis the legend should be opaque and non transparent as it becomes confusing

That's pretty nice Torstein.

One thing that I think would make it even better is if you could click on the legend title to collapse/expand the body of the legend, so that it could be hidden away.

bump

+10!!!

Yes, absolutely! Very useful to have!

Its also the first feature that I cannot find on HighCharts so far. Actually this might be a great option if your charts has much data and a legend would overlap this. So the user could decide when and where to place the legend in order to customize his or her appliaction-frame. I could also imagine that one particular legend could be used by several charts or maps as well.

Kevin, have you looked at the POC that Torstein posted? It may not be part of the original code base for HighCharts but it does make a legend in a div. After that you can use jQuery to make it dragggable, e.g. jQuery('#someLegendID').draggable(); I gave it a try and it works.

+1
Desperately want this feature... in fact, its bordering on make-or-break for us at the moment :(

Actually I have a POC for HTML legend: http://jsfiddle.net/highcharts/nULxz/. Perhaps you can pick up this with jQuery and do some magic?