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

标签 javascript highcharts

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

这是一个演示问题的 fiddle :

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]
    }]

});

});

最佳答案

我的系列也遇到了同样的问题,我更改了以下选项,效果很好:

plotOptions: {
  series:{
    stickyTracking: false
  }
}

以下是来自 highcharts api 文档的示例: stickyTracking

关于javascript - Highcharts 散点图 - 使工具提示不跟随指针,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16925634/

相关文章:

javascript - 装饰重新渲染

javascript - 需要将 JSON 对象转换为 Highcharts 的 JSON 数组

javascript - 如何在没有 jQuery 的情况下进行 AJAX 调用?

javascript - 如何从数组中排除特定的 id?

javascript - jQuery:隐藏元素

javascript - Highchart 极坐标图 - 4 个不同系列的嵌套圆

javascript - Highcharts 不显示行的所有标签

javascript - 关于使用外部 Dom 按钮在 Highcharts.js 中向下和向上钻取的问题

javascript - 如何传递 JSON 数据来更新 Highcharts 饼图

javascript - 获取对二级原型(prototype)函数的 'this' 引用