Bubble chart labels

Good day,

Is it possible to show percentage (labels) inside bubble chart.

Thanks,


4 Replies 1 reply marked as answer

FS fazil samir March 28, 2022 10:06 AM UTC

Good day,


Please any update on this?


I want to show percentage inside each bubbles.


Many thanks



YG Yuvaraj Gajaraj Syncfusion Team March 28, 2022 12:51 PM UTC

Hi Fazil, 
 
Greetings from Syncfusion. We have suggested you use the dataLabelSettings property in the chart, it has the builder property using this you can render a custom widget as a data label and positioned it in the middle of the bubble chart using the labelAlignment property. We have attached the code snippet below for your reference. 
 
Code snippet: 
dataLabelSettings: DataLabelSettings( 
  isVisible: true, 
  builder: (dynamic data, dynamic point, dynamic series, 
      int pointIndex, int seriesIndex) { 
    return Text( 
      '${data.y}%', 
      style: TextStyle(color: Colors.white), 
    ); 
  }, 
  labelAlignment: ChartDataLabelAlignment.middle, 
), 
 
 
Regards, 
Yuvaraj. 


Marked as answer

FS fazil samir April 13, 2022 06:32 PM UTC

Many thanks for your support..



MG Marismathan Gurusamy Syncfusion Team April 15, 2022 07:10 AM UTC

Hi Fazil,

Most welcome. Kindly contact us if you have any additional questions. We are always willing to help you.

Thanks,

Marismathan G


Loader.
Up arrow icon