私はハイチャートに取り組んでいます。タイトルとサブタイトルにマウスオーバーするとツールヒントを設定する方法

Question

highchartsのタイトルとサブタイトルのツールチップを追加したいと思います。 私のJSフィドルですJSFiddle

Answer 1

ハイチャートにはタイトル/サブタイトルイベントのフックはありません。マウスオーバー/マウスアウトのイベントを設定し、ツールチップを構築し、可視性を切り替える必要があります。チャートの負荷

var title = document.querySelector('.highcharts-title') 
var tooltip = document.createElement('span') 
tooltip.setAttribute('class', 'tooltip') 
tooltip.innerHTML = title.innerHTML 
this.container.appendChild(tooltip) 

title.onmouseover = function(e) { 
    tooltip.style.left = e.clientX + 'px' 
    tooltip.style.top = e.clientY + 'px' 
    tooltip.style.visibility = 'visible' 
} 

title.onmouseout = function() { 
    tooltip.style.visibility = 'hidden' 
} 

CSSの

.tooltip { 
    visibility: hidden; 
    position: absolute; 
    background-color: black; 
    text-align: center; 
    color: #fff; 
    padding: 5px; 
    border-radius: 6px; 
} 

例：サンプルは字幕に適用さhttp://jsfiddle.net/ym85u1ja/

は - あなたが.highcharts.subtitleクラスを持つ要素をつかむことができます。

Answer 2

title: { 
    text: 'example', 
    useHTML: true, 
    widthAdjust: -400 
}, 
subtitle: { 
    text: 'Example1', 
    useHTML: true , 
    widthAdjust: -400 
},