nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Pie Charts - Label by Percent of Total Values

Hello. I scripted some pie charts using Graph Builder and labelled them by percent of total values.

Even though the frame size is a square (220x220), the labels are cut off by the frame/graph border. See pie charts A, D, & E:

Am I doing something wrong? Please see attached script.

Six_Pie_Charts_with_Labels.jsl

Accepted answers

A big thank you to all my topic responders...

Dale: How to write a Column Formula for percent of total
Jim: Info about Graph Builder labeling (non)functionality
Kevin: A good laugh

While Dale's stacked bar chart suggestion was interesting, I couldn't use it since I've been tasked with creating dozens of scorecards -- each with its own pie chart and other metrics.

I ended up using a rounded percent (via Column Formula) and applying "Label by Value" to the pie chart. Here are updated graphs for A &

While it would be nice to display a percent "%" sign, the percent numbers now show completely. Cheers!

Six_Pie_Charts_with_Labels_2.jsl

All comments

dale_lehman

This is probably not what you were looking for, but I'd say what you are doing wrong is using pie charts. I've attached one version of what you are doing that I think works better (run the enclosed script). In my view, almost anything works better than pie charts for this data.

dt.jmp

dale_lehman

And a somewhat improved version

dt.jmp

txnelson

I will second @dale_lehman comment about pie charts. And I will also comment on the Graph Builder labeling. It isn't very strong. So I am sure that you are not doing anything wrong with the pie charts.

Kevin_Anderson

A big thank you to all my topic responders...

Dale: How to write a Column Formula for percent of total
Jim: Info about Graph Builder labeling (non)functionality
Kevin: A good laugh

While Dale's stacked bar chart suggestion was interesting, I couldn't use it since I've been tasked with creating dozens of scorecards -- each with its own pie chart and other metrics.

I ended up using a rounded percent (via Column Formula) and applying "Label by Value" to the pie chart. Here are updated graphs for A &

While it would be nice to display a percent "%" sign, the percent numbers now show completely. Cheers!

Six_Pie_Charts_with_Labels_2.jsl

allysonE

Is there a better solution than just removing the % signs? I am having the same issue as OP, but mine doesn't seem resolvable by removing the %. For context, I used graph builder, put my data as the X axis, created a pie chart, and used "vendor" as the wrap. I understand I can remove the wrap and see the full %, but this seems like a poor solution and I would like to see the two graphs next to each other.