Chart.jsにいい感じの色を自動的に割り当てる - Qiita

やりたいこと 簡単にカッコいいグラフやチャートを表示できるJavascriptライブラリ「Chart.js」を使う際、色を自分で指定するのが大変。更にデータの個数が可変な時、自動的にいい感じの色を割り当てたい。 実現方法 Chart.jsのプラグイン「chartjs-plugin-colorschemes」を使うとプリセットされたいい感じのカラースキームを使うことができます。 chartjs-plugin-colorschemes https://nagix.github.io/chartjs-plugin-colorschemes/ja/ およそ500種類くらいのカラースキームが用意してあるので好みのものを選んでください。 今回はReactを使った例で説明していきます。更に「Chart.js」をそのまま使うのではなくのReactラッパーである「react-chartjs-2」を使っていき