javascript - 仅在 Highcharts 的一个标记中禁用标记悬停

Question

我试图说服我的 highchart 执行我的命令，但遇到了问题。

我想要实现的目标:我希望图表的标记之一消失。我希望这条线通过(并中断)一个点，但该点完全无关紧要，我不希望将鼠标悬停在该点上时弹出该点。我当前的代码看起来像这样:

$(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 }

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

在此先感谢您的所有帮助。简

Answer 1

在你的系列中试试这个: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]    
}]

希望对您有所帮助!

(更新于 2017 年 6 月 23 日):对于那些想要将此应用到图表中的每个系列，而不仅仅是一个系列的人，您可以执行以下操作:

plotOptions: {
    series: { enableMouseTracking: false }
}