Created attachment 1518023 [details]
raw capacity - before any selection made
Description of problem:
When clicking on the legend of the pie charts, I'm observing some unusual behavior. (1) Specifically, when you click on an item in the legend, it crosses out (strickthrough) the item in the legend.
(2) Sometimes it changes the color of the slice you are selecting (e.g. blue to pink).
(3) User seems to be able to select multiple items in the legends, which crosses out (strike through) all the items you selected.
Version-Release number of selected component (if applicable):
Steps to Reproduce:
Created attachment 1518024 [details]
raw capacity - both items selected and pie chart disappears
Created attachment 1518025 [details]
raw capacity - avail selected (color changed from blue to pink)
Created attachment 1518026 [details]
pg status - before any selection made
Created attachment 1518027 [details]
pg status - selected item disappears
Per chatting with Alfonso, the pie charts are working as expected per how the ChartJS pie chart widgits. See https://www.chartjs.org/docs/latest/charts/doughnut.html for more details.
If user clicks on a legend item, user is deselecting/hiding/filtering this slice, and if there is no data for a slice, it is not shown.
There is no color change -- when there is only1 slice it gets the whole pie.
From UX perspective, the behavior is confusing. Possible solutions includes disabling legend click/selection; however, there are concerns with doing so as it would be hard for users to click on a very thin slice.
For now, let's leave this as-is and if we have enough user/customer feedback, we'll revisit it.