質問: Chart.jsを使っています。 グラフ色を配列で指定して、途中で線色を変更させようと考えております。 つまり、同じグラフの線の色を値に応じて変更する形です。 例えば、borderColor: ['rgba(255,0,0,1)']のように、 1個の要素だけの配列を与えると反映されるのですが、 下記のように、複数要素の配列を与えると、 線色が白くなってしまいます。 borderColor: ['rgba(255,0,0,1)','rgba(0,255,0,1)','rgba(0,0,255,1)'], 不等間隔のxを描写するために、グラフの種類をtype: 'scatter’、 showLine: trueで表現しています。 よろしくお願いいたします。
回答: 凡例を表示していないなら手があるかもしれません。 これは折れ線グラフの例ですが 同様に複数のデータセットにわけることでそれぞれで borderColor を指定することができます。 この場合データ数が増えると大変なので、ラッパーを作ったほうがいいかもしれません。