I am attempting to create a Highcharts chart with an "organization" type that allows for Drag & Drop functionality between nodes within the chart.
Currently, I have successfully set up the "organization" chart displaying all necessary information.
In my attempts to enable drag and drop features using
Highcharts.plotOptions.series.dragDropHighcharts.series[organization].dataLabels.nodeFormatterI followed examples from w3schools for functions:
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
Unfortunately, these methods did not produce the desired result, leaving me at a standstill in my progress.