javascript - 调用函数onclick highchart

Question

这是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));
});

但它不适用于轴、标题和边距。

如果有人有解决这个问题的想法。

Answer 1

我尝试在调用 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/