2

我想要一个线图,我直接将鼠标悬停在一个点上,并且工具提示被触发,它不跟随指针。除非我直接将鼠标悬停在一个点上,否则我不希望触发工具提示。我可以使用带线宽的散点图来解决第一个问题(仅在直接悬停在绘图上时才显示工具提示)。不过,我不知道如何防止工具提示跟随鼠标。我尝试以各种方式将 followPointer 设置为 false,但它似乎不起作用(http://api.highcharts.com/highcharts#tooltip.followPointer

这是一个演示问题的小提琴:

http://jsfiddle.net/6uGJp/1/

$(function () {
$('#container').highcharts({

    chart: {
        type: 'scatter'
    },
    xAxis: {
        categories: ['Nov', 'Dec']
    },
    tooltip: {
        shared: true,
        useHTML: true,
        headerFormat: '<small>{point.key}</small><table>',
        pointFormat: '<tr><td style="color: {series.color}">{series.name}: </td>' +
            '<td style="text-align: right"><b>{point.y} EUR</b></td></tr>',
        footerFormat: '</table>',
        valueDecimals: 2,
    },
    series: [{
        name: 'Short',
        lineWidth: 2,
        data: [95.6, 54.4]
    }]

});

});

4

3 回答 3

2

I had this same problem with my series and I changed the following option and it worked fine:

plotOptions: {
  series:{
    stickyTracking: false
  }
}

Here is an example from the highcharts api document: stickyTracking

于 2014-12-11T17:33:05.890 回答
0

为此,您可以使用固定的工具提示,例如此处

为此你需要

 positioner: function () {
                return { x: 80, y: 50 };
            }

这将使工具提示始终呈现在固定位置。

希望这是你需要的

于 2013-06-05T07:24:51.710 回答
0

尝试这个:

plotOptions: {
            scatter:{
                     tooltip:{
                             followPointer: false
                     }
            }
}
于 2013-10-29T15:48:51.317 回答