プログラムで開閉Chart.jsのツールチップ

Question

Chart.js 2.2.1

私がデータポイント上にカーソルを移動したときに実行される、と私は、マウスをオフに移動したときにそれが実行されるコードをトリガーする方法任意のアイデア？グラフのツールチップをプログラムで表示および非表示にする必要があります。

openTip(oChart, datasetIndex, pointIndex){ 
    // how to open a specific tooltip? 
} 
closeTip(oChart, datasetIndex, pointIndex){ 
    // how to close the same tooltip? 
} 

可能であればサンプルコードを表示しますが、どこから開始するかはわかりません。 chart method docsは役に立ちませんでした。

JSFiddle

Answer 1

以下のコードは、1つまたは複数のツールチップを処理します。 @BeetleJuiceによって提供さ

function openTip(oChart,datasetIndex,pointIndex){ 
    if(window.oChart.tooltip._active == undefined) 
     window.oChart.tooltip._active = [] 
    var activeElements = window.oChart.tooltip._active; 
    var requestedElem = window.oChart.getDatasetMeta(datasetIndex).data[pointIndex]; 
    for(var i = 0; i < activeElements.length; i++) { 
     if(requestedElem._index == activeElements[i]._index) 
      return; 
    } 
    activeElements.push(requestedElem); 
    //window.oChart.tooltip._view.body = window.oChart.getDatasetMeta(datasetIndex).data; 
    window.oChart.tooltip._active = activeElements; 
    window.oChart.tooltip.update(true); 
    window.oChart.draw(); 
} 

function closeTip(oChart,datasetIndex,pointIndex){ 
    var activeElements = window.oChart.tooltip._active; 
    if(activeElements == undefined || activeElements.length == 0) 
    return; 
    var requestedElem = window.oChart.getDatasetMeta(datasetIndex).data[pointIndex]; 
    for(var i = 0; i < activeElements.length; i++) { 
     if(requestedElem._index == activeElements[i]._index) { 
      activeElements.splice(i, 1); 
      break; 
     } 
    } 
    window.oChart.tooltip._active = activeElements; 
    window.oChart.tooltip.update(true); 
    window.oChart.draw(); 
} 

完全なソリューション - https://jsfiddle.net/ucvvvnm4/5/