Chart.jsでグラフ色を配列で指定したい

Question

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で表現しています。
よろしくお願いいたします。

Answer 1

凡例を表示していないなら手があるかもしれません。
これは折れ線グラフの例ですが
https://github.com/chartjs/Chart.js/issues/2430
同様に複数のデータセットにわけることでそれぞれで borderColor を指定することができます。
この場合データ数が増えると大変なので、ラッパーを作ったほうがいいかもしれません。