継続時間をグラフにしたい

Question

前提・実現したいこと

下図のようなスクリーンタイムのように日毎に継続時間を測定しグラフにするときにDnangoの場合はどのようにして記録するのが最適なのでしょうか。
調べたところDurationFieldという型で記録するのが最適かと思ったのですが、DurationFieldで記録した場合Chart.jsでグラフにするにはどのように実装したらいいのでしょうか。

詳しい方教えていただけると幸いです。