Chart.js データエントリーのないx軸のラベルを残した（スキップ）上で、データを繋げる方法について

Question

一般的な質問となって恐縮ですが、Chart.jsで困っていることがあり投稿させていただきました。

添付の画像をみていただきたいんですが、X軸に表示されている2017/11と2018/2のデータをダイレクトに繋げられればと考えています。

2017/12, 2018/01にデータエントリーがないので、x軸でゼロを表示していますが、12月、1月のラベルを残したまま（x軸に線がタッチしないようにスキップして）、エントリーのある2017/11と2018/2のデータポイントを繋げるイメージです。

Chart.jsの仕様上、ラベルとデータは一体となっていると思うので添付の表示は仕様通りだと思うのですが、カスタマイズなどをすることによって、上記実現することは可能なのでしょうか？

もし詳しい方がいらっしゃいましたら、そもそも無理、実現する方法があるなど、コメントを頂けますと幸いです。

よろしくお願いいたします。

Comments

[Rocky]

jsのソースコードもあわせて提示すると回答がつきやすくなりますよ

Answer 1

type: 'line',
fill: false, // 追加

というオプションで希望の動作になった、、、ような気がします。

Comments

[YukihideKanda]

早速のご回答ありがとうございます！spanGapsという値で対応出来ました！ご回答いただいた内容が呼び水となりました。感謝です。

[Rocky]

なにかオプションで対応できたな～という気はしてたのですが、見つかったようでなによりです。

Answer 2

spanGaps: boolean で対応出来ました！