我在一个 highchart 页面上工作,当我单击组织结构图的节点时,我需要在其中显示我的数据。我能够在节点的点击上显示数据,但这是一个工具提示。我的要求是需要在节点的点击上显示数据,但这应该是模态弹出窗口。这是我的代码
[https://jsfiddle.net/BlackLabel/2e83ngw1/]
我在一个 highchart 页面上工作,当我单击组织结构图的节点时,我需要在其中显示我的数据。我能够在节点的点击上显示数据,但这是一个工具提示。我的要求是需要在节点的点击上显示数据,但这应该是模态弹出窗口。这是我的代码
[https://jsfiddle.net/BlackLabel/2e83ngw1/]
您可以创建自己的弹出元素,使用点信息更新它并在点的事件中显示/隐藏它,而不是使用工具提示。
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