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

Pie Chart gets cut off #4082

Closed
adarsh-sgh opened this issue Feb 11, 2023 · 1 comment · Fixed by #4288
Closed

Pie Chart gets cut off #4082

adarsh-sgh opened this issue Feb 11, 2023 · 1 comment · Fixed by #4288
Labels
fosshack Good first issue! Graph: Pie Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect

Comments

@adarsh-sgh
Copy link

Description

This Pie Diagram when opened in window of width < 600px gets trimmed .

mermaid
pie showData 
  title is Mermaid awesome ?
  "YES": 5000
  "OFC YES": 5000

Steps to reproduce

  1. Open the Live Editor link in a seperate window.
  2. resize it using dev tools to size <= 600px
  3. refresh the page
  4. it should show portions of diagram trimmed off as shown in screenshot below

Screenshots

image

Code Sample

https://mermaid.live/view#pako:eNpNjrEOgkAQRH9lszUFjQ2NhWhHLKg022y4VS5yd-RuL8QQ_l2QmNi-eTOZGbtgBCscrUDqw1SzMpAnVauDgE3QSHRsDfAkKTiB45YS3s4tYQWHsix3cL2c4A9igW5vruszeQBC7cXJJhAaji9C8svqcdbQvn2HlcYsBebRsEpt-RnZ_aAYqyE2-9vv6QJH9vcQVuXBQ5LlA-mYQ4o

mermaid
pie showData 
  title is Mermaid awesome ?
  "YES": 5000
  "OFC YES": 5000

Setup

Desktop

  • OS and Version: Macos Ventura
  • Browser and Version: Chrome 109.0

Additional Context

No response
@adarsh-sgh adarsh-sgh added Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect labels Feb 11, 2023
@adarsh-sgh adarsh-sgh mentioned this issue Feb 11, 2023
Closed
@Gardezi1
Copy link

@sidharthv96 can I take up this issue. And what is the expected behaviour? Like should I graph size become smaller or should the text be moved to the bottom?

@iwestlin iwestlin mentioned this issue Apr 10, 2023
Merged
@whitenoisedev whitenoisedev mentioned this issue Aug 29, 2023
Open
@jgreywolf jgreywolf added roadmap items to add to roadmap for auto workflow and removed roadmap items to add to roadmap for auto workflow labels Nov 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
fosshack Good first issue! Graph: Pie Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: Adjust piechart viewbox for mobile devices with small width iwestlin/mermaid
5 participants
@jgreywolf @sidharthv96 @Gardezi1 @adarsh-sgh @Yokozuna59