IT二刀流にはプロモーションが含まれています。

Chart.jsで特定の凡例(ラベル)を非表示にする

chartjs特定の凡例を消す

Chart.jsで特定の凡例(ラベル)を非表示にする

トレンドラインなどを引いたけど凡例 (ラベル) は必要ない時などに使えます。

特定の凡例 (ラベル) を非表示にしたい

chartjs特定の凡例を消す

普通にトレンドラインなどを引ければよいのですが、Chart.jsにはトレンドライン機能はないみたいです。

同じ値を持つdatasetで直線を引いてトレンドラインとして表示しても、凡例(ラベル)が邪魔なときがあります。

今回はトレンドライン(trend)の凡例 (ラベル) だけを非表示(消す)にします。

filterで制御する

options: {
  legend: {
    labels:{
      filter: function(items) {
        return items.text != 'trend';
        // return items.datasetIndex != 2;
      }
    }
  }
}

optionsのlabelsでfilterオプションを使ってカスタマイズして、trendというlabelを非表示にしています。

表示する線の数が決まっていればdatasetIndexのindex番号で指定することもできます。

chartjs特定の凡例を消す

これでトレンドラインの凡例 (ラベル) を非表示(消す)ことができました。

ITエンジニアの転職

いまITエンジニアの需要は急拡大しています。
ITエンジニアの経験があれば好条件で転職することも難しくありません。

ゲーム業界の転職ならマイナビクリエイター

☆ 支援ご協力のお願い ☆

この記事が「役に立った」と感じたら

投げ銭の「OFUSEで応援」で支援して頂けたら励みになります!

OFUSEのやり方(説明)

関連記事
記事特集