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

时间:2020-01-22 08:10:04

标签: javascript highcharts drag-and-drop

我需要设置“组织”类型的Highcharts图表,该图表应支持彼此拖放节点(以在树中移动节点)。

目前,我有一个“组织”图表,其中显示了所有必需的信息。

我尝试使用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));
}

但是那也不起作用。 所以现在我被困住了。

1 个答案:

答案 0 :(得分:0)

组织图表类型似乎没有实现拖放。 您可以在官方的highcharts论坛或github问题上阅读该线程。

关注以下话题: Highcharts forumGithub issues