Question

我希望有一个直线图，我将鼠标悬停在一个点上，并触发工具提示，并且它不跟随指针。除非我直接悬停在一个点上，否则我不希望触发工具提示。我可以使用带有线宽的散点图来解决第一个问题（仅在直接悬停在绘图上时显示工具提示）。但我无法弄清楚如何保持工具提示不要跟随鼠标。我尝试以各种方式将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]
    }]

});

}）;

Answer 1

我的系列遇到了同样的问题，我更改了以下选项并且运行正常：

plotOptions: {
  series:{
    stickyTracking: false
  }
}

以下是highcharts api文档中的示例： stickyTracking

Answer 2

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

为此你需要

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

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

希望这是你需要的

Answer 3

试试这个：

plotOptions: {
            scatter:{
                     tooltip:{
                             followPointer: false
                     }
            }
}

Highcharts散点图 - 使工具提示不跟随指针

3 个答案: