Issue 602: Add diagram to display SU usage by user on Allocation Detail page

haudquaquam commented 3 months ago

Changes

Adds a pie chart that displays the SU usage broken down by user. Hovering over a slice brings up the username, used SUs, and percentage of total used for users with positive SU usage.
Added function in allocation/utils.py to generate the pie chart data.
New context_data attribute for pie_data in allocation/views.py.
New drawPies function in allocation_detail.html draws the pie chart, which is inserted right under the existing "Service Units" gauge graph.
Legend appears to the right of the pie chart in columns.
When there are no users with non-zero usage, displays a message indicating there is no data available.

Testing

Manual testing can be done by navigating to any project's Allocation Detail page and ensuring things look okay. Good examples (BRC) are:
- Project with many active users: allocation/450/
- Project with average amount of users: allocation/369/
- Project with one active user: allocation/11/
- Project with no active users: allocation/2/

matthew-li commented 3 months ago

I've also tested that it works on an LRC box.

haudquaquam commented 3 months ago

Just confirmed that a removed user's SU usage still shows up on the graph. Addressed the other comments too, thanks Matthew!

ucb-rit / coldfront