Bug 1663038

Summary: Dashboard Pie Chart widgets odd behavior
Product: [Red Hat Storage] Red Hat Ceph Storage Reporter: Ju Lim <julim>
Component: Ceph-DashboardAssignee: Alfonso Martínez <almartin>
Status: CLOSED NOTABUG QA Contact: Uday kurundwade <ukurundw>
Severity: medium Docs Contact: Anjana Suparna Sriram <asriram>
Priority: unspecified    
Version: 3.2CC: ceph-eng-bugs, julim
Target Milestone: rc   
Target Release: 3.*   
Hardware: Unspecified   
OS: Unspecified   
Whiteboard:
Fixed In Version: Doc Type: If docs needed, set a value
Doc Text:
Story Points: ---
Clone Of: Environment:
Last Closed: 2019-01-03 13:49:35 UTC Type: Bug
Regression: --- Mount Type: ---
Documentation: --- CRM:
Verified Versions: Category: ---
oVirt Team: --- RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: --- Target Upstream Version:
Embargoed:
Attachments:
Description Flags
raw capacity - before any selection made
none
raw capacity - both items selected and pie chart disappears
none
raw capacity - avail selected (color changed from blue to pink)
none
pg status - before any selection made
none
pg status - selected item disappears none

Description Ju Lim 2019-01-02 19:42:58 UTC
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):
3.2

How reproducible:


Steps to Reproduce:
1.
2.
3.

Actual results:


Expected results:


Additional info:

Comment 3 Ju Lim 2019-01-02 19:43:59 UTC
Created attachment 1518024 [details]
raw capacity - both items selected and pie chart disappears

Comment 4 Ju Lim 2019-01-02 19:45:50 UTC
Created attachment 1518025 [details]
raw capacity - avail selected (color changed from blue to pink)

Comment 5 Ju Lim 2019-01-02 19:46:25 UTC
Created attachment 1518026 [details]
pg status - before any selection made

Comment 6 Ju Lim 2019-01-02 19:46:54 UTC
Created attachment 1518027 [details]
pg status - selected item disappears

Comment 7 Ju Lim 2019-01-03 13:47:39 UTC
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.