这是fiddle .
我试图能够单击图表上的任意位置来调用函数(我没有将其放在 fiddle 中,它在这里没有用)。这个想法是能够在其他图表中选择一个图表。
该示例只是将 div 边框的颜色更改为黑色,如果单击另一个 div,它会变为灰色。 目前,如果您单击背景、系列或 div 的其余部分,它正在工作(在 fiddle 上测试它)。 相关代码如下:
对于背景:
events: {
click: function(event) {
var tile = $(this.container);
while (!tile.parent().hasClass("tile")){
tile = tile.parent();
}
highlightElem(tile);
}
},
对于该系列:
series: {
events: {
click: function(event) {
var tile = $(this.chart.container);
while (!tile.parent().hasClass("tile")){
tile = tile.parent();
}
highlightElem(tile);
}
}
}
对于 div 的其余部分:
$(".tile").children().click(function(){
highlightElem($(this));
});
但它不适用于轴、标题和边距。
如果有人有解决这个问题的想法。
最佳答案
我尝试在调用 func“highlightElem”时使用“.tile div”而不是“.tile”。
$(".tile div").on('click',function(){
highlightElem($(this));
});
另外,在“highlightElem”中用“closest()”更新了代码
function highlightElem(elem) {
if (oldElem !== null) {
oldElem.closest('.widget').css("border-color", "#ccc");
}
elem.closest('.widget').css("border-color", "black");
oldElem = elem;
}
http://jsfiddle.net/vchbg/24/
关于javascript - 调用函数onclick highchart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24776550/