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.

Sign up for GitHub

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

Jump to bottom

Line chart legend overlap with the rest of the chart #11359

Closed
panfiva opened this issue Dec 9, 2023 · 3 comments
Closed

Line chart legend overlap with the rest of the chart #11359

panfiva opened this issue Dec 9, 2023 · 3 comments
Labels
component: charts This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists

Comments

@panfiva
Copy link

panfiva commented Dec 9, 2023 •
edited by github-actions bot
Loading

Steps to reproduce

Link to live example: (required)

https://stackblitz.com/edit/react-5sbzfm?file=Demo.js

Steps:

  1. See how in both charts legend overlaps with axis and chart area

Current behavior

Labels overlap with axis and chart area:

image

Expected behavior

In the top chart, chart should be shifted below the legend

In the bottom chart, the chart should be shifted to the right of the legend

Context

No response

Your environment

npx @mui/envinfo 
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: legend overlap
@panfiva panfiva added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 9, 2023
@alexfauquette alexfauquette added duplicate This issue or pull request already exists and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Dec 11, 2023
@alexfauquette
Copy link
Member

alexfauquette commented Dec 11, 2023 •
edited
Loading

Sounds like a duplicate of #10928

@panfiva If you see specific points that are missing in the initial issue, could you please add them to it, so that the one who will take care of that issue has all the details in mind when starting?

@panfiva
Copy link
Author

panfiva commented Dec 11, 2023

@alexfauquette , you mean #10928?

@alexfauquette
Copy link
Member

Yes, sorry for the bad copy/past 🙈

@alexfauquette alexfauquette added the component: charts This is the name of the generic UI component, not the React module! label Dec 11, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: charts This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@alexfauquette @panfiva