Configuration for Labels inside PolarCoord/PieChart

[ToniHeiss]

The labels are inside the piechart and, when you have fairly long labels, they overlap other areas in the chart. Is there any way to add a way to say "outside the pie chart"? Alternatively, use the offset of the label but apply it radially from the center out. If I configure a (20,20) offset for my pie chart labels, ALL labels will move 20 right, 20 down. There should be a way to say "20px" away or to the circle center for pie charts.

[ToniHeiss]

Example:

[j-robin-hunter]

I have the exact same issue. It ought to be possible to push the label out by a radius offset or similar

[rjahn]

A short info would be nice for us ;-)

[entronad]

@ToniHeiss @j-robin-hunter @rjahn

There should be a way to say "20px" away or to the circle center for pie charts.

The right way to set this is by coord.dimFill, I have updated the pie chart example to show:

graphic/example/lib/pages/interval.dart

Line 386 in 26c76f6

coord: PolarCoord(transposed: true, dimCount: 1, dimFill: 1.05),

You've discovered an interesting issue; in fact, I hadn't realized why labelPosition wasn't working in the pie chart either. It was only after carefully examining the source code that I realized a pie chart exists in a one-dimensional polar coordinate system that only has angular direction. Therefore, positioning along the diameter is ineffective, and the correct approach is to set the default value along the diameter of the coordinate system: dimFill.

I admit this goes against intuition, but it's a logically consistent approach, which is precisely where the charm of the graphical grammar lies.

Of course, I will add more detailed explanations in the examples and comments.