7

我试图说服我的 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 }

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

提前感谢您的所有帮助。简

4

2 回答 2

8

在你的系列中试试这个: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 }
}
于 2014-05-06T12:19:46.060 回答
2

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

于 2013-07-20T22:41:25.187 回答