[RUM dashboard] visitor breakdown usability improvements

[katrin-freihofner]

1. Please add a legend to the pie charts
2. Please add a unit to the tooltip and explain what this number means (average/median...) [RUM Dashboard] Visitor breakdown charts tooltip #76953
3. Change label to Operating system
4. Change the order of the slices to clockwiseSectors: false to sort them categorically, as explained in the EUI chart guidelines (excerpt below)

The order of the slices should always start from the 12 o’clock position, showing the largest slice in the clockwise position then the rest ordering counterclockwise in descending order. However, categories that have a natural order, should follow this natural order, be it low to high or good to bad.

Screenshots from dev-next-oblt

[elasticmachine]

Pinging @elastic/uptime (Team:uptime)

[drewpost]

Hi @shahzad31 - Off the back of the screenshot you shared this morning, can we make a few tweaks before this gets merged? I've spoken with @katrin-freihofner about these and she is fine with my suggestions:

• Can we use a larger variant of EUI state for the page load duration timings? They're quite small at the moment
• Can you please split the page load distribution and impressions over time into separate panels?
• Can we hide the "device" pie chart for now as the data isn't relevant until we add device type FEATURE: Add field for device type (phone/tablet/etc) to RUM data apm-server#3912
• Can you please remove the labels from the pie charts themselves and then add legends next to the pie charts? The labels on the slices are way too hard to read and look ugly in different sizes! https://elastic.github.io/elastic-charts/?path=/story/legend--piechart

Thanks!

[shahzad31]

@katrin-freihofner labels like these are already added to the pie chart
, do we need separate bullet point legends in presence of these labels?

[shahzad31]

i just realised above question^^ is already answered in drew comment

[formgeist]

I've requested another item to the list; change the sort order of the pie chart according to the EUI charting guidelines.