gpt4 book ai didi

javascript - 有没有办法从 Highcharts 传入可变元素 ID 以启动模式窗口?

转载 作者:行者123 更新时间:2023-11-28 03:21:55 24 4
gpt4 key购买 nike

我正在尝试将 HighCharts 标签元素中的变量 elementID 传递到 javascript 函数中,使用这些我想在 jquery 模式窗口中启动所需的 div。

我的示例代码在这里:http://jsfiddle.net/k4LLM/27/

function ShowTable(TableID)
{
var ID = TableID;
$("#TableID").dialog({
autoOpen: false,
draggable: false,
minWidth: 700,
show: {
effect: "fade",
duration: 1000
},
hide: {
effect: "fade",
duration: 1000
},
position: {
my: "center",
at: "center",
of: window
},
close: function (event, ui) {},
});

$("#TableID").dialog("open");
}
$(document).ready(function () {
$('#Graph').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Test Title'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
point: {
events: {
click: function(event) {
var options = this.options;
var str = options.name.split(" ");
ShowTable('DataToShow' + str[1]);
}
}
},
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>' + this.point.name + '</b>:' + this.point.y;
}
}
}
},
series: [{
type: 'pie',
name: 'Calls Assigned',
data: [
['Item 1', 0],
['Item 2', 0],
['Item 3', 1],
['Item 4', 0],
['Item 5+', 0], ]
}]
});
});

我遇到的问题是,TableID 似乎在 ShowTable 函数中不起作用 - 变量定义正确,如果您手动添加正确的 div ID,模态窗口工作,但在传递 div id 时不起作用通过 HighCharts OnClick 事件

任何帮助将不胜感激

最佳答案

var ID = TableID;  <-- variable
$("#TableID").dialog({ <--string

难道你不想使用你传入的值而不是硬编码的字符串吗?

$("#" + TableID).dialog({

$("#" + TableID).dialog("open");

关于javascript - 有没有办法从 Highcharts 传入可变元素 ID 以启动模式窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24051126/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com