【问题标题】:HighCharts: Multiple X and Y Axis tooltip doesn't appear (custom formatter)HighCharts:不出现多个 X 和 Y 轴工具提示(自定义格式化程序)
【发布时间】:2025-12-08 19:40:01
【问题描述】:

我正在制作具有多个 x 和 y 轴的图表。数据系列链接到这些 x 和 y 轴。我有一个共享的工具提示,它使用 html 和自定义格式化程序。下面是tooltip的配置:

      enabled: true,
      useHTML: true,
      shared: true,
      split: false,
      followPointer: true,
      outside: true,
      formatter: myTTFormatter

myTTFormatter 获取点数组,我也可以获取工具提示,但问题是它只出现在第一个系列上,当我将鼠标悬停在其他系列上时它不显示。我在自定义格式化程序 fn 中放置了一个调试器,它也在那里,但我不明白为什么当我将鼠标悬停在图表中的其他系列上时工具提示没有出现。 注意:我已将所有其他 xAxis 链接到第一个 XAxis,以使缩放适用于所有数据系列。

HighCharts 版本:9.1.2

【问题讨论】:

  • 你能用一些在线编辑器上的示例数据重现你的案例吗?
  • @SebastianWędzel 感谢您的帮助。请查看stackblitz.com/edit/highcharts-angular-stock-rj5jen?file=src/… 当我将鼠标悬停在第一个系列上时,我可以看到工具提示,但是当我将鼠标指针移到第二个系列时,它就消失了。

标签: highcharts angular2-highcharts angular-highcharts


【解决方案1】:

感谢您分享您的部分代码。我最小化了你的代码,它看起来像一个回归。此问题已在 Highcharts Github 问题频道上报告,似乎正在处理中:https://github.com/highcharts/highcharts/issues/16004

最小化演示:https://jsfiddle.net/BlackLabel/8jke1yvc/

如果您不需要任何新功能,请使用以前版本的 Highcharts:https://jsfiddle.net/BlackLabel/8osj6ch9/

<script src="https://code.highcharts.com/stock/8/highstock.js"></script>

【讨论】:

  • 谢谢塞巴斯蒂安。它在 8.2.2 中工作。版本。但是现在日期选择器没有出现。任何想法何时将此修复程序包含在最新版本中?
  • @Ritesh 你应该在 Github 上的线程中询问核心开发人员。