Chart.jsのツールチップを一つにまとめるオプション

harada 472views 更新:2016年6月13日

グラフに複数のデータを設定していて、その値が違いすぎる場合、ツールチップがそれぞれバラバラに表示されます。
オプションに以下の記述をすることで、バラバラに表示されていたツールチップが一つにまとめることができます。

オプション記述例

データなどは適宜設定してください。

//オプションでtooltipsのmodeに'label'を指定する
        var barChartOptions = {
          tooltips: {
            mode: 'label'
          }
        };

        var ctx = document.getElementById(chart_name).getContext("2d");
        ctx.canvas.width = 300;
        ctx.canvas.height = 350;

        var chart = new Chart(ctx, {
          type: 'line',
          data: データを設定,
          options: barChartOptions
        });

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません