【v3系】Chart.jsで凡例を非表示にしたい

JavaScript

グラフを表示するのにとても便利なライブラリです。

デフォルトでは凡例が表示されます。でもサイトのデザインによっては凡例消したいなって時がありますよね。今回はその対応方法です。

確認バージョンはv3.7.0

options: {         
 plugins: {
　legend: {
　　display: false,
　},
},

オプションの中にプラグイン項目を設定しlegendのdisplayプロパティをfalseにしてあげると非表示になります。v2系はoption直下だったりして少し項目が異なります。

options: {
　legend: {
   display: false,
   },
},

関連記事