Javascript Highcharts-工具提示在元素悬停时触发速度非常慢
我需要使用工具提示设置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"><
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元素帮助文本问题。