Javascript Highcharts-在鼠标位置绘制十字光标/工具提示，而不是捕捉到数据点

您可以看到二维十字光标捕捉到最接近它的数据点。如何使十字光标和工具提示与图表上的当前鼠标位置相对应

tooltip: {
  crosshairs: [true, true]
}

---

不幸的是，十字线只能以这种方式工作，但您可以通过mouseOver和mouseOut事件准备自己的解决方案，并通过渲染器添加绘制线

我最终绑定了自己的mousemove事件，以获得十字光标在图形中不断变化的鼠标位置。对于我刚才使用的工具提示：

tooltip: {
            shared: true,
            followPointer: true
        },

这应该足够让你走了

你可以试试看

---

通过JSFIDLE有这样的例子吗？我想举一个例子：）使用渲染器和事件的示例可以作为文档中的实时链接使用

$('#container').highcharts({
    xAxis: {
        crosshair: {
            snap: false
        }
    },
    yAxis: {
        crosshair: {
            snap: false
        }
    },
    series: [{
        data: [6, 4, 2,4],
        name: 'First'
    }, {
        data: [7, 3, 2],
        name: 'Second'
    }, {
        data: [9, 4, 8],
        name: 'asdf'
    }]        
});