chart.jsを2.9.4から4.4.1に更新

[Na0ki]

表題の通りchart.jsをv2.9.4からv4.4.1に更新しました。
更新前後で挙動の違いはないようにしたつもりです。

更新に伴い下記対応を実施しました

• chart.jsの更新
  • v3の設定の構造変更に追従
  • v4からのモジュールバンドル最適化（初期化時に必要なモジュールのみregister）に対応
• @types/chart.jsの更新
• webpack
  • color-name, chartjs-color, color-name, moment がchart.jsの依存から消えたため削除
  • @kurkle/color がchart.jsの依存に追加されたため追加
  • moment の externals の設定を削除

なお、本PRが取り込まれたらdependabotによる下記PRは閉じてよさそうです。
#1126

参考資料

• chart.js v2 -> v3 マイグレガイド
  • https://www.chartjs.org/docs/latest/migration/v3-migration.html
• chart.js v3 -> v4 マイグレガイド
  • https://www.chartjs.org/docs/latest/migration/v4-migration.html
• モジュール最適化
  • https://www.chartjs.org/docs/latest/getting-started/integration.html#bundle-optimization

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (aaac28c) 41.55% compared to head (ecd9c52) 41.55%.

Additional details and impacted files

@@            Coverage Diff             @@
##             develop    #1148   +/-   ##
==========================================
  Coverage      41.55%   41.55%           
  Complexity       980      980           
==========================================
  Files            121      121           
  Lines           3598     3598           
==========================================
  Hits            1495     1495           
  Misses          2103     2103           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[shibafu528]

Build container image / build (pull_request) が落ちていますがこれは無視してください。私のほうのミスです 🙏

[shibafu528]

調査・対応いただき、ありがとうございます! 手が回っていなかったので助かります。

createLineGraph() で作成されるグラフの表示が若干異なり、塗り潰しがなくなっているのが気になりました。これはデフォルトオプションの仕様が変わったのでしょうか。

難しくなければ見た目を維持したいと思っていますが、可能でしょうか?

before	after

[Na0ki]

@shibafu528 レビューありがとうございます。
年間グラフ背景については見落としの対応漏れでした。
fill 設定の追加および filler プラグインの追加で対応しました。
また、別途コメントした通り @types/chart.js について削除しました。

[shibafu528]

LGTM 🙌