HomeDiagramsPie chartPie: Tall Legend

Pie: Tall Legend

Twenty-four slices: the legend is taller than the 450px frame, so the viewBox grows to fit it.

pie-tall-legend.mmd
pie title Tickets by component
  "Component 01" : 30
  "Component 02" : 29
  "Component 03" : 28
  "Component 04" : 27
  "Component 05" : 26
  "Component 06" : 25
  "Component 07" : 24
  "Component 08" : 23
  "Component 09" : 22
  "Component 10" : 21
  "Component 11" : 20
  "Component 12" : 19
  "Component 13" : 18
  "Component 14" : 17
  "Component 15" : 16
  "Component 16" : 15
  "Component 17" : 14
  "Component 18" : 13
  "Component 19" : 12
  "Component 20" : 11
  "Component 21" : 10
  "Component 22" : 9
  "Component 23" : 8
  "Component 24" : 7
Output
Pie chart, Zombie Mermaid 7% 7% 6% 6% 6% 6% 5% 5% 5% 5% 5% 4% 4% 4% 4% 3% 3% 3% 3% 2% 2% 2% 2% 2% Tickets by component Component 01 Component 02 Component 03 Component 04 Component 05 Component 06 Component 07 Component 08 Component 09 Component 10 Component 11 Component 12 Component 13 Component 14 Component 15 Component 16 Component 17 Component 18 Component 19 Component 20 Component 21 Component 22 Component 23 Component 24

More Pie chart examples

Pie chart, Zombie Mermaid 79% 17% 3% Pets adopted by volunteers Dogs Cats Rats
Pie: Basic
Pie chart, Zombie Mermaid 40% 46% 9% 5% Key elements in Product X Calcium [42.96] Potassium [50.05] Magnesium [10.01] Iron [5]
Pie: showData
Pie chart, Zombie Mermaid 13% 8% 12% 7% 11% 6% 10% 6% 9% 5% 5% 3% 4% 2% Commits by weekday and team Mon core Mon docs Tue core Tue docs Wed core Wed docs Thu core Thu docs Fri core Fri docs Sat core Sat docs Sun core Sun docs
Pie: Many Slices
Pie chart, Zombie Mermaid 64% 19% 12% 5% Browser share Chrome [640] Safari [190] Firefox [120] Edge [45] Opera [4] Lynx [1] Netscape [0]
Pie: Tiny Slices
Pie chart, Zombie Mermaid 100% Uptime this week Up
Pie: Single Slice
Pie chart, Zombie Mermaid Coding takes half the day, meetings a quarter. 50% 25% 15% 10% Time spent Coding Meetings Review Email
Pie: Dark Theme