mermaid icon indicating copy to clipboard operation
mermaid copied to clipboard

Published 20 hours ago • verified publisher icon mermaid-js

Pie Chart gets cut off

Open adarsh-sgh opened this issue 2 years ago • 1 comments

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 avatar Feb 11 '23 18:02 adarsh-sgh

@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?

Gardezi1 avatar Feb 28 '23 03:02 Gardezi1