ハイチャート - 要素のホバーでツールチップのトリガーが非常に遅い

Question

チャートタイトルの一部であるアイコンの上にマウスを置いて起動するツールチップでハイチャートを設定する必要があります。私はオプションを使用しました：

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' 
}, 

Hereは実例です。

現在の設定では、ツールチップの起動が非常に遅く、ツールチップのテキストを表示するのに数秒かかります。私はそれを設定して、ホバー上ですぐにトリガするようにする方法が不思議です。

Answer 1

ほとんどここのオプション：私はあなたを見ることができる限り、基盤を使用して

1. はZurb財団 http://jsfiddle.net/mu9wswv3/9/
   P.S.からである.has-tipクラスを使用しました矢印のスタイルが

2. それともpseudoelement

   .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.S.を使用して壊れている理由を知りませんタイトルは

   http://jsfiddle.net/sLhmxtko/