如何在组织结构图 Highcharts 的节点上添加模态弹出窗口

Question

我正在处理高图表页面，当我单击组织结构图的节点时，我需要在该页面上显示我的数据。我能够显示节点的点击数据，但这是一个工具提示。我的要求是需要显示节点的点击数据，但这应该是模式弹出窗口。这是我的代码

[https://jsfiddle.net/BlackLabel/2e83ngw1/]

Answer 1

除了使用工具提示，您还可以创建自己的弹出元素，使用点信息更新它并show/hide它在点的事件中。

point: {
  events: {
    click: function() {
      const popup = document.getElementById('popup');

      popup.innerHTML = this.info;
      popup.style.display = 'block';

    },
    mouseOut: function() {
      const popup = document.getElementById('popup');
      popup.style.display = 'none';
    }
  }
}

现场演示： https://jsfiddle.net/BlackLabel/dhaysfqz/

API参考：https://api.highcharts.com/highcharts/series.organization.point.events

如何在组织结构图 Highcharts 的节点上添加模态弹出窗口

How to add Modal pop up on nodes of org chart Highcharts

javascript

highcharts

getorgchart