Javascript Highcharts-工具提示在元素悬停时触发速度非常慢

Javascript Highcharts-工具提示在元素悬停时触发速度非常慢,javascript,html,highcharts,Javascript,Html,Highcharts,我需要使用工具提示设置highcharts,当鼠标悬停在作为图表标题一部分的图标上时触发该提示。我使用了以下选项: title: { useHTML: true, text: '<span data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover="false" tabindex="1" title="Help text that goes next to the chart title"><

我需要使用工具提示设置highcharts,当鼠标悬停在作为图表标题一部分的图标上时触发该提示。我使用了以下选项:

title: {
  useHTML: true,
  text: '<span data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover="false" tabindex="1" title="Help text that goes next to the chart title"><i class="ion-help"></i></span> Arbeidsmarkedsintegrasjon'
},
标题:{
是的,
文本:“ArbeidsMarkedsIntegrationsJon”
},
这是一个有效的例子

现在的设置方式是,工具提示触发非常缓慢,需要几秒钟才能看到工具提示文本。我想知道如何设置它,使其在悬停时立即触发。

这里有几个选项:

使用基础,据我所见,您已经使用了<代码>。
p、 不知道为什么箭头样式会被破坏

  • 或者使用伪元素

    .has-tip{
      position: relative;
    }
    
    .has-tip:after {
      display: none;
      box-sizing: border-box;
      font-size: .7em;
      content: attr(data-title);
      position: absolute;
      background: rgba(249, 249, 249, 0.85098);
      border: 1px solid rgb(124, 181, 236);
      padding: 5px;
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
    }
    
    .has-tip:hover:after {
      display: block;
    }
    
    p、 在这种情况下,必须用数据标题替换美国标题


  • 工具提示对我来说显示得很快,但当你将鼠标悬停在问号图标上时,这就是你得到的吗?@Marco,你是指图表标题工具提示上的扩展文本?不是数据点图表。工具提示。@Marco哦,我知道了。将鼠标悬停在问号上会触发带有标准延迟的默认浏览器标题。这个问题非常容易引起误解-这与Highcharts工具提示无关。这是一个HTML元素帮助文本问题。