有问题地突出(悬停)一个系列,高位图

时间:2015-03-17 09:09:19

标签: javascript highcharts

假设我在剧情之外有一个系列名称列表,当我将其中一个悬停在其中一个时,我想设置一个突出显示的系列(悬停)。

这是 AFTER 渲染图。

我如何实现这一点(我也在使用jQuery)

1 个答案:

答案 0 :(得分:0)

感谢@PawełFus的帮助。 最后,我用下面的方法来解决这个问题。由于我的系列数组中没有id,因此我使用$each()来比较名称

        var chart = $plotResult.highcharts();//get the chart object

        var highlightSerieCallback = function(e){//mouse in callback
            var seriesName = $(this).find(':first-child').text();
            console.log('serieName hightLight',seriesName);
            $.each(chart.series, function(i, s) {
                if(s.name == seriesName){
                    s.onMouseOver();
                    return false;//break the each
                }

            });
        };

        var disHighlightSerieCallback = function(e){//mouse leave callback
            var seriesName = $(this).find(':first-child').text();
            console.log('serieName DisHightLight',seriesName);
            $.each(chart.series, function(i, s) {
                if(s.name == seriesName){
                    s.onMouseOut();
                    return false;//break the each
                }
            });
    };

        $sumAndAvgResultWrap.find('tr:not(:first-child)').hover(highlightSerieCallback,disHighlightSerieCallback);//bind the callback