Javascript 如何扩展Highcharts中的工具提示范围

如何扩展示例中的工具提示区域，以便在风箭头上方也显示工具提示

---

我找不到提供该选项的任何选项。

这些箭头不打印，而是使用

图表渲染器渲染。因此，您需要自己触发工具提示。看看这个问题，它有点接近你想要的

应用该答案中的思想修改
drawWindArrows
函数的结尾，如下所示：

.add()
.on('mouseover', function () {
 chart.tooltip.refresh([Highcharts.charts[0].series[0].points[point.index],
                        Highcharts.charts[0].series[1].points[point.index],
                        Highcharts.charts[0].series[2].points[point.index]]);
})
.on('mouseout', function () {
 chart.tooltip.hide();
});

这里有一个更新的

注意，这并不完美。它要求您将鼠标移到箭头上，而不是框上。如果今晚或明天早上我有时间，我会安排的

编辑

要解决您在评论中提到的问题，只需使代码更具动态性：

.on('mouseover', function () {
    var points = $.map(point.series.chart.series, function(i){
        return i.points[point.index];
     });
     chart.tooltip.refresh(points);
})
.on('mouseout', function () {
     chart.tooltip.hide();
});

为了解决我提到的问题，我在箭头顶部添加了一个透明形状，以便鼠标上方有一个更大的目标：

chart.renderer.circle(x, y, 15)
    .attr({
    'stroke-width': 0,
    stroke: 'rgba(255, 255, 255, 0)',
    fill: 'rgba(255, 255, 255, 0)',
    zIndex: 10
}).add()

更新。
我还在玩弄你的答案。我个人的问题是，如果页面上有多个图表，您的示例将失败，或者如果您只添加另一个系列，则会出现问题……我在图表中更改了很多，因此这与我希望的不一样。我必须尝试更多，你给了我正确的方法。只有一件事。工具提示（如果我扩展了圆的半径）的工作方式与“法线”图表字段中的工作方式不同。e、 g.您可以在风箭头部分“捕捉”工具提示，但不能在图表本身中。但是你帮了我很多，并且很好地回答了我的问题，所以我接受你的回答作为正确答案：）@Neysor，不确定你所说的“与“正常”图表字段中的工作方式不同”是什么意思。风箭头不是“图表”的一部分。它实际上是画在X轴上的，我知道。在我的特别图表中，我还在底部做了其他延伸。但在图表本身中，工具提示非常“流畅”，箭头上（如果你扩大圆圈范围）也会感觉非常起伏。此外，您还可以快速移动鼠标，进入工具提示并松开透明圆的“鼠标盖”，这在普通图表中从未发生过。谢谢你的帮助，我现在会自己解决这个问题。你的技巧帮助你进入正确的方向！谢谢