グラフのツールチップが表示させにくい

[itakumaru]

改善詳細 / Details of Improvement

ツールチップ表示の条件はグラフ要素のマウスホバーまたは押下ですが、小さくて表示させづらいときがあります。

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected behavior

• ポインタの水平位置によって表示する。
• 複合グラフでは、1つのツールチップに両方の情報を入れる。

動作環境・ブラウザ / Environment

• macOS / Windows / Linux / iOS / Android
• Chrome / Safari / Firefox / Edge / Internet Explorer

[goki90210]

• 複合グラフでは、1つのツールチップに両方の情報を入れる。

こちらは、#5058 #4807 が解消したらですかね…。
文字を詰め込みすぎると枠からはみ出しそうなので。

• ポインタの水平位置によって表示する。

こちらも、垂直位置はどうしますかという問題がありますね。
グラフは棒グラフだけではありません。線グラフの場合線の位置から離れた位置で表示させても意味ないですよね。
この改善は棒グラフのみが対象で良いですか？

[mcdmaster]

あまり詳しくないんで、間違ったことを言っていたらスミマセン。ほとんど余談レベルです。

Chart.js で、Line チャートはたしかプロットで hover をファイアさせる「輪」の大きさをピクセル指定できますよね？
だとすると、このイシューの起票者さんはプロットの「輪」をデカくせよとおっしゃっているふうには（少なくとも私には）読めないので、他に異論がなければ本件は Bar チャートのみを対象としたイシューってことでいいと思いますよ

[itakumaru]

グラフは棒グラフだけではありません。線グラフの場合線の位置から離れた位置で表示させても意味ないですよね。

確かにそうですね！この変更は棒グラフのみを対象にするのがいいと思います。
@mcdmasterさんのおっしゃる通り、ツールチップ表示を発火する範囲を広げるというよりは、発火条件そのものを変更する形が望ましいと思います。
今考えているところでは、大まかに棒グラフのtooltipsのoptionsにプロパティintersection: false axis: xを追加することで、グラフ上のどこをホバーしてもツールチップが表示されるようにできそうです。

[itakumaru]

棒グラフと積み上げ棒グラフのほうは実現できました。

tooltips: {
  position: 'nearest',
    intersect: false,
      axis: 'x',
      //同じ内容が重ねて表示されるのを防ぐ
      filter(tooltipItem) {
        return tooltipItem.datasetIndex === 1
      },

が、棒グラフと折れ線グラフが混ざったグラフでどうやって棒グラフのみ対応するべきか…