Pie chart labels are not displayed all when using builder

I am having trouble getting image to show up when using builder.

I want to show image (replace by container with color). When I use builder then data showing only 3 items, although I have 5 items and not show full connectorLine

My screen:

My code:

SfCircularChart(
tooltipBehavior: TooltipBehavior(
enable: true,
format: 'point.x: point.y%',
),
series: <CircularSeries>[
// Render pie chart
PieSeries<ValueCode, String>(
radius: '60%',
dataLabelSettings: DataLabelSettings(
isVisible: true,
useSeriesColor: true,
builder: (
dynamic data,
dynamic point,
dynamic series,
pointIndex,
seriesIndex,
) {
final _data = data as ValueCode;
final _point = point as ChartPoint;

return Container(
width: 32,
height: 32,
color: _point.color,
);
},
showZeroValue: false,
labelIntersectAction: LabelIntersectAction.shift,
labelPosition: ChartDataLabelPosition.outside,
),
enableTooltip: true,
animationDuration: 500,
dataSource: widget.listValueCode,
xValueMapper: (ValueCode data, _) => data.name,
yValueMapper: (ValueCode data, _) => data.data,
),
],
),


Example 1: Only show 3 items out of a total of 5 items and not show full connectorLine

<ValueCode>[
ValueCode(data: 49.05, name: 'car 1'),
ValueCode(data: 48.05, name: 'car 2'),
ValueCode(data: 0.05, name: 'car 3'),
ValueCode(data: 0.2, name: 'car 4'),
ValueCode(data: 1.8, name: 'car 5'),
];


Example 2: Only show 4 items out of a total of 5 items and not show full connectorLine

<ValueCode>[
ValueCode(data: 49.05, name: 'car 1'),
ValueCode(data: 48.05, name: 'car 2'),
ValueCode(data: 5.05, name: 'car 3'),
ValueCode(data: 6.2, name: 'car 4'),
ValueCode(data: 1.8, name: 'car 5'),
]

Please help me. Thank you so much.

To Synfusion team.


7 Replies

SK Sriram Kiran Senthilkumar Syncfusion Team September 12, 2022 02:29 PM UTC

Hi Nguyen,


We are validating your query and we will update further status in once business day. We appreciate your patience until then.


Regards,

Sriram Kiran



SK Sriram Kiran Senthilkumar Syncfusion Team September 13, 2022 02:56 PM UTC

Hi Nguyen,


We have validated your query at our end, and we would like to let you know that the data labels rendered using builder are getting hidden for some data points is due to chart size being small and so there is no space to accommodate the custom data label. This is the current default behavior.

However, we can replicate the reported issue regarding the connector line not rendering for some data labels when rendered using data label builder and if the chart size is small. We have considered this as an issue, and logged bug report for it. We will fix and include the changes in the upcoming weekly patch release which will be rolled out in the second week of October. We will update you once the release is rolled out and we appreciate your patience until then. You can also track the status of the bug using the feedback link below.

https://www.syncfusion.com/feedback/37705


Regards,

Sriram Kiran



ND Nguyen Duc Nghia September 14, 2022 09:20 AM UTC

Thank so much Syncfusion team.




SK Sriram Kiran Senthilkumar Syncfusion Team September 15, 2022 05:45 AM UTC

Hi Nguyen,


Most welcome. As mentioned earlier, we will update you once the fix is rolled out and we appreciate your patience until then.


Regards,

Sriram Kiran



LA Lavanya Anaimuthu Syncfusion Team October 13, 2022 02:12 AM UTC

Hi Nguyen,


Sorry for delay.


Due to the complexity of the issue regarding "Connector line not rendering for some data labels when rendered using the data label builder and if the chart size is small", we did not include this fix in our weekly patch release. We will give high priority to this and include it in our volume 3 SP release, which is scheduled for the 1st week of November 2022. We will let you know once the release gets rolled out. We appreciate your patience until then.


Regards,

Lavanya A.



SK Sriram Kiran Senthilkumar Syncfusion Team November 16, 2022 07:48 AM UTC

Hi Nguyen,


We are working on high priority to resolve this issue from our end and will let you know once it gets fixed


Regards,

Sriram Kiran



YG Yuvaraj Gajaraj Syncfusion Team December 14, 2022 12:58 PM UTC

The reported issue regarding the "Connector line not rendering for some data labels when rendered using the data label builder and if the chart size is small" has been fixed and rolled out in our weekly patch release. To avoid this issue please upgrade the chart package to the latest version mentioned below.


Version: https://pub.dev/packages/syncfusion_flutter_charts/versions/20.3.61


Loader.
Up arrow icon