是否有一种方法可以从Highcharts传入变量元素ID来启动模态窗口?
Is there a way to pass in variable element ID from Highcharts to launch a modal window?
我试图将变量elementid从HighCharts标签元素传递到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");
相关文章:
- 如何计算每个元素's的高度,并将这些值用作函数中的变量
- 如何将php变量作为javascript中列表的元素
- jquery使用name from变量按类选择元素
- 在JavaScript中,如何修复元素显示和变量创建之间的初始差异
- 为什么不是't my元素:使用变量而不是字符串时包含(变量)功?jquery
- 使用输入变量设置元素的值
- 要更改变量的高度li元素
- 确定变量中元素的数量
- dom元素与javascript变量的绑定
- 如何在html元素中打印javascript变量
- 访问带有变量的Object元素时出现问题
- 如何在 Aurelia(奥雷利亚)中访问自定义元素中的变量
- AngularJS字符串变量到使用sanitize的HTML元素
- 如何在 jQuery 中获取具有特定父类的所有元素的内容,并将它们传递给 GET 变量
- 使用jquery访问聚合物元素变量
- 选择克隆的元素变量中的元素
- 从 HTML 文档中删除但不删除元素/变量
- 将GC清除其侦听器中引用的已移除元素变量
- 元素变量的类型
- Microsoft Metro - Windows 应用商店应用程序 - 元素变量