Chart.js棒グラフ：ラベルの上にツールチップを表示

Question

私は棒グラフを描画するためにChart.jsライブラリを使用しています。また、棒のホバーだけでなく、その棒のx軸ラベルのホバー上にツールチップを表示したい。私はonHoverの設定方法を見つけましたが、現在使用されているバーの配列にしかアクセスできませんが、これは役に立たないものです。

私はマウスのイベントにアクセスし、そこからバーラベルの位置と比較するためにどのように位置を取ることができますか？それとも別の方法がありますか？

私の現在の構成：

const countryChartOptions = { 
    hover: { 
     onHover: this.onChartHover, 
    }, 
}; 

const onHover = (activeElements) => { 
    console.log(activeElements); 
}; 

それだけでホバーバーのデータを出力しますが、私は私が必要とする動作のためにそれを拡張する方法を見つけ出すことがこだわっています。

Answer 1

何について：

options: { 
    tooltips: { 
    // Add this.. 
    intersect: false 
    } 
}