【问题标题】:Highcharts Gantt avoid tooltip closure when moving cursor outside Gantt将光标移出甘特图时,Highcharts Gantt 避免工具提示关闭
【发布时间】:2021-10-15 13:46:44
【问题描述】:

您好,我有一个甘特图,我在其中实现了一个自定义工具提示,当用户单击事件时会出现/消失。

我正在使用 angular2-highcharts

这很好用!

问题在于,当工具提示非常大并且一半在甘特区域上呈现,一半在甘特区域外呈现时,用户将光标移动甘特图之外...工具提示消失.

如何防止这种行为?

为了清楚起见,如果你检查下图:如果我将光标移到红线下方,工具提示就会消失

感谢支持

这是带有代码的堆栈闪电战:

https://highcharts-angular-gantt-6jausr.stackblitz.io

https://stackblitz.com/edit/highcharts-angular-gantt-6jausr

【问题讨论】:

  • 嗨,您的工具提示看起来像是创建的自定义,不是甘特图的典型。我需要看您的图表配置,请在在线代码编辑器中准备您的案例的简化示例。
  • 好的,我会准备一个stackblick,我会回复你的

标签: highcharts angular2-highcharts highcharts-gantt


【解决方案1】:

当您将鼠标悬停在该点上时,工具提示的正常行为会处于活动状态。如果要防止工具提示在触摸或指向时切换或关闭,则需要设置 stickOnContact: true

现场演示: https://stackblitz.com/edit/highcharts-angular-gantt-4urdh9

API 参考: https://api.highcharts.com/gantt/tooltip.stickOnContact

【讨论】:

  • 实际上这不起作用,如果您检查,当您打开工具提示并将光标移到甘特表之外时,工具提示就会消失
  • 这也是工具提示的正常行为。您的工具提示更加自定义,如果您想阻止关闭,您可以尝试编辑核心代码。 highcharts.com/docs/extending-highcharts/extending-highcharts
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-08-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-02-20
  • 1970-01-01
相关资源
最近更新 更多