Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mobile charting issues - pie and bar graphs #425

Open
dan-bowerman opened this issue Apr 15, 2024 · 0 comments
Open

Mobile charting issues - pie and bar graphs #425

dan-bowerman opened this issue Apr 15, 2024 · 0 comments
Labels
Quality Assurance Tasks related to QA assessments

Comments

@dan-bowerman
Copy link
Member

Found through Storylines QA review by @celinaolivieri

Description

  1. On pie chart, text for items on pie chart are not displayed
  2. On bar graph, x-axis is too long and data within is difficult to interpret

Environment

Mobile

Screenshots

  1. Pie chart issue:
    image
  2. Bar graph issue:
    image

Steps to reproduce

  1. On mobile open the Water Quality storyline
  2. Scroll to chapter with Pie Chart
    or..
  3. Scroll to chapter with Horizontal Bar Graph

Expected behavior

  1. I expect to see text for each pie slice
  2. I expect the axis to be legible and to be able to interpret what I'm seeing

Actual behavior

  • Some pie slices are missing text, including largest pie slice on right side. In this piece slice, there is an arrow leading off the slice but no text to indicate what it is. Screenshot is in Z32
  • Note: Clicking Pie Chart slice shows user the text as well as size.
  • Note: I think this is existing from the first Storylines testing party with Copper.
  • Even though the max percentage is 256%, on mobile the x-axis exceeds 400% (assuming - the x-axis does not show any values).
  • This makes interpreting how much each chemical changed difficult.
  • Note: Opening in full screen shows a much more reasonable graph.

Additional information

DanB: This may be a bigger issue with how charts are adapted depending on the resolution. It seems charts that have many legend items are getting cut off or overlapped. When in mobile, is it possible to perhaps swap height with width?

@dan-bowerman dan-bowerman added the Quality Assurance Tasks related to QA assessments label Apr 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Quality Assurance Tasks related to QA assessments
Projects
None yet
Development

No branches or pull requests

1 participant