仅在一个高图标记中禁用标记悬停

时间:2013-07-19 09:22:57

标签: javascript highcharts

我试图说服我的高图来做我的竞标并遇到问题。

我想要的是: 我希望图表中的一个标记消失。我想让这条线经过(并且突破)一点,但这一点完全无关紧要,我不想在悬停在它上面时弹出这一点。我当前的代码看起来像这样:

$(function () {
var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'line'
        },   
        plotOptions: {
            series: {
                states: {
                    hover: {
                        enabled: true
                    }
                }
            }
        },
        series: [{
            marker: {
                enabled: false
            },
            data: [15.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, {
                y: 26.5,
                marker: {
                    enabled: false,
                    states: {
                        hover: {
                            enabled: false
                        }
                    }
                }
            }, 23.3, 18.3, 13.9, 9.6]    
        }]
    });
});
});

我的所有标记都表现相同:直到我将鼠标悬停在它们上方时才会看到它们,此时它们会弹出。我想要的是所有标记的行为与提供的代码一样,但y = 25.6处的标记除外。我希望此标记的行为与我设置

时从所有标记获得的行为相同
hover:{ enabled: false }

在原始代码中。也就是说,我希望标记完全“消失”。

提前感谢您的帮助。 扬

2 个答案:

答案 0 :(得分:7)

在您的系列中尝试此操作:enableMouseTracking: false

在你的情况下,它将是:

series: [{ 
    data: [15.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, {
        enableMouseTracking: false,
        y: 26.5
    }, 23.3, 18.3, 13.9, 9.6]    
}]

我希望这有帮助!

(17/17/23更新):对于那些想要将其应用于图表中的每个系列而不仅仅是一个系列的人,您将执行以下操作:

plotOptions: {
    series: { enableMouseTracking: false }
}

答案 1 :(得分:2)

不幸的是,这是Highcharts中的错误,请参阅this