Javascript 如何在highchart列单击上显示弹出窗口

Javascript 如何在highchart列单击上显示弹出窗口,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我必须在highchart中的每一列单击上显示表格。我可以显示警报,但我想弹出警报而不是警报 plotOptions:{ 专栏:{ 堆叠:“正常”, 要点:{ 活动:{ 点击:(e)=>{ $('#myModal').show(); 返回` 违反规则的详细信息 展示台 ` }, } } 从“click”事件函数回调返回字符串不会起任何作用。您需要手动管理元素: plotOptions: { column: { stacking: 'normal',

我必须在highchart中的每一列单击上显示表格。我可以显示警报,但我想弹出警报而不是警报

plotOptions:{
专栏:{
堆叠:“正常”,
要点:{
活动:{
点击:(e)=>{
$('#myModal').show();
返回`
违反规则的详细信息
展示台
`
},
}
}

从“click”事件函数回调返回字符串不会起任何作用。您需要手动管理元素:

    plotOptions: {
        column: {
            stacking: 'normal',
            point: {
                events: {
                    click: (e) => {
                        var popupContent = `...`;

                        $('#popup').append(popupContent);
                    },
                }
            }
        }
    }

现场演示:


API参考:

我不确定您的代码应该如何工作。您首先显示模式,然后返回(到哪个函数?)它的html?您可能应该先附加html,然后启动模式(我不确定您使用的是哪个库)然后才调用
.show()
或者类似的东西。谢谢Mosh,是的,我做了同样的事情,现在我得到了预期的结果。嗨@manu,我很高兴我能提供帮助。你可以接受答案: