Chartist-js: Overlapping labels in Pie Charts

[bobbyshaw]

There seems to be a problem with overlapping lables on pie charts. I couldn't find a way to avoid this or it noted in any the documentation or known issues.

But otherwise thanks for a great library!

[gionkunz]

@bobbyshaw Thanks for the issue! This is the first time this obvious issue is reported so we should prioritize and talk about a possible solution. I really would like to avoid arrows like here https://www.shieldui.com/shared/images/aspnetdoc/donut.png but I guess there is no other nice solution to this problem. Any thoughts?

[bobbyshaw]

It's hard. Arrows are the obvious way forward while complex.
I've considered trying to group things into "other" when they get to too small a percentage but even at larger percentages it can still be an issue depending on where the section appears on the graph.

[vincentmaithu]

How about padding around the label?

[jhaenchen]

It seems to me you have two options.

Either have the labels be straight and use arrows, making the labels farther and farther away as more segments are added.

Or have the labels be angled.

[MaralMosayebi]

@gionkunz Hi, I'm working on this library and I have same problem with overlapping labels.what is that arrow solution you were suggested? when we have labels with series like this
[11949, 22, 10, 9, 8, 4, 2, 2, 1, 1]; we will have overlap issue.I could not came of with best solution.

[daN4cat]

Arrows would be a solution as it's pretty standard.

[clottman]

Has there been any work on this? I'm running into this as well and looking for a solution/workaround.

[pakerwreah]

I switched to chatist legend plugin

https://codeyellowbv.github.io/chartist-plugin-legend/