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

X-axis labels cut out on the radar chart on mobile view #4454

Open
Kutlwiwiso opened this issue May 6, 2024 · 1 comment
Open

X-axis labels cut out on the radar chart on mobile view #4454

Kutlwiwiso opened this issue May 6, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@Kutlwiwiso
Copy link

Description

The x-axis labels on a simple radar chart are getting cut off when viewing the chart in a mobile view (iPhone 12 Pro dimensions) using the device toolbar in developer tools.

Steps to Reproduce

  1. Create a radar chart with the following x-axis labels: 'Verifications', 'Implementation', 'Configuration', 'Optimization', 'Integration'.
  2. Open the chart in a web browser on a laptop.
  3. Access developer tools (Inspect) and toggle the device toolbar (Toggle device toolbar).
  4. Set the device dimensions to mimic an iPhone 12 Pro.
  5. Observe the x-axis labels on the radar chart.

Expected Behavior

All x-axis labels should be fully visible and legibly displayed, regardless of the device screen size, without any labels being truncated.

Actual Behavior

The x-axis labels are cut off when the chart is viewed in the iPhone 12 Pro dimension mode, making it difficult to read the complete names on smaller screens.

Screenshots

9a6eea4d-df52-4138-8cd9-96e4f35e9c1b

Reproduction Link

https://codepen.io/Kutlwisiso-Belebesi/pen/WNWVJYb

@Kutlwiwiso Kutlwiwiso added the bug Something isn't working label May 6, 2024
@frank-mendez
Copy link

This appears to be a duplicate problem of #1663

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants