Javascript/Jquery/Gantt Highchart:单击任务进度弹出窗口应打开
参考上述甘特图 我正在Javascript/Jquery/Gantt Highchart:单击任务进度弹出窗口应打开,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,参考上述甘特图 我正在中加载此甘特图。我需要一个jQuery Show Bootstrap模式弹出窗口,只单击任务进度,而不是单击容器 我试过这个密码 $(function () { $("#container").click(function () { $('#demoModal').modal('show'); }); }); &时代; 任务进度指标 任务进度指标 接近 单击图表上的任意
中加载此甘特图。我需要一个jQuery Show Bootstrap模式弹出窗口,只单击任务进度,而不是单击容器
我试过这个密码
$(function () {
$("#container").click(function () {
$('#demoModal').modal('show');
});
});
&时代;
任务进度指标
任务进度指标
接近
单击图表上的任意位置时,将打开引导模式弹出窗口。我希望弹出窗口应仅在单击任务进度而非指示器时打开
请给我一个解决方案。您可以在甘特图配置中添加以下设置
plotOptions: {
series: {
point: {
events: {
click: (event) => {
console.log(event);
$('#demoModal').modal('show');
}
}
}
}
}
甘特图容器div是什么样子的?也许可以尝试将单击触发器上的id更改为进度条的id,而不是容器id…它正在工作。但一旦弹出窗口打开,还有一件事。应加载详细信息。我在ajax中使用url:“Performance.aspx/getLineChartData2”调用C#方法。我能把这个密码放在哪里?我回答不了。我对C#一无所知,我只知道javascript和js框架。我只能告诉您,您将在
event
参数中获得与单击的系列相关的所有数据,使用这些数据您可以知道单击了哪个系列。
plotOptions: {
series: {
point: {
events: {
click: (event) => {
console.log(event);
$('#demoModal').modal('show');
}
}
}
}
}