如何在 Highcharts 组织结构图中启用拖放功能？

Question

我需要设置 "organization" 类型的 Highcharts 图表，它应该支持相互拖放节点（以在树内移动节点）。

目前，我得到了一个 "organization" 图表，其中显示了所有需要的信息。

我尝试使用 Highcharts.plotOptions.series.dragDrop-Events，但那根本不起作用。我还尝试使用 Highcharts.series[organization].dataLabels.nodeFormatter-Callback 将外部 div 替换为具有属性的 div：draggable="true" ondragstart="fun1(event)" ondrag="fun2(event)" ondrop="fun3(event)" ondragover="func(event)"

我刚刚使用了 w3schools 的功能：

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));
}

但这也不起作用。所以现在我卡住了。

Answer 1

Organizations 图表类型似乎没有实现拖放功能。您可以在官方 highcharts 论坛或 github 问题上阅读帖子。

关注以下对话： Highcharts forum 和 Github issues

如何在 Highcharts 组织结构图中启用拖放功能？

How can i enable Drag & Drop in Highcharts organization-charts?

javascript

drag-and-drop

highcharts