Javascript 只有当鼠标悬停在点上时，才能在折线图的highchart中触发工具提示吗？

默认行为是，只要鼠标进入图表区域，最靠近鼠标的点的工具提示就会出现

在折线图中可能很难实现-您需要手动计算鼠标位置是否正好位于点上方，具体取决于是否显示工具提示

但是，您可以使用

lineWidth>0

的散点图模拟折线图。禁用粘性跟踪，它会产生您所寻找的结果

Highcharts.chart('container', {
    series: [{
        type: 'scatter',
        lineWidth: 1,
        stickyTracking: false,
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

实例

---

在折线图中可能很难实现-您需要手动计算鼠标位置是否正好位于点上方，具体取决于是否显示工具提示

但是，您可以使用

lineWidth>0

的散点图模拟折线图。禁用粘性跟踪，它会产生您所寻找的结果

Highcharts.chart('container', {
    series: [{
        type: 'scatter',
        lineWidth: 1,
        stickyTracking: false,
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

实例

---

我只是尝试了一下，没有把它当作散点图，效果很好。我理解错了吗？你是说禁用粘性跟踪的折线图只有在超过一个点时才会显示工具提示吗？似乎每次你越过这条线时，它都会显示一个工具提示，而不仅仅是一个点。我明白了。谢谢。另一个问题：我希望生成的散点图尽可能像直线一样显示。但是，当我缩小标记时，将鼠标悬停在标记上以显示工具提示会更困难。它周围有什么东西吗？（例如，在保持其功能的同时使标记不可见（顺便说一句，将“enable”设置为false不起作用））marker.fillColor设置为“transparent”应该能够跟踪事件，而标记保持不可见，您可以通过marker.radius控制其大小。我只是尝试了一下，没有将其模拟为散点图，效果很好。我理解错了吗？你是说禁用粘性跟踪的折线图只有在超过一个点时才会显示工具提示吗？似乎每次你越过这条线时，它都会显示一个工具提示，而不仅仅是一个点。我明白了。谢谢。另一个问题：我希望生成的散点图尽可能像直线一样显示。但是，当我缩小标记时，将鼠标悬停在标记上以显示工具提示会更困难。它周围有什么东西吗？（例如，在保持其功能的同时使标记不可见（顺便说一句，将“enable”设置为false不起作用））marker.fillColor设置为“transparent”应该能够跟踪事件，而标记保持不可见，您可以通过marker.radius控制其大小