【Chart.js】点線の表示させる方法

2018/07/29

Chart.jsの線グラフでは点線を表示させることができます。

点線は、datasetsの中でborderDashに配列で設定します。（オプションの中でははありません）

JavaScript

datasets[
{
  label: '点線',
  data: [10, 30, 20, 25, 35, 40, 60],
  borderDash: [5, 5], // ダッシュ線のスタイル。[5, 3]など。
}
]

配列の最初の数字で実線の長さ、次の数字で線と線の幅の長さを設定しています。