Individual Bubble Color

[Mayur]

Hi,

Is it possible to set a different color for each bubble in a bubble chart?

Thanks.

[Srihari Muthukaruppan]

Hi Mayur, 

we would like to let you know that we can achieve your requirement using pointColorMapping in the chart. Based on your requirement we have prepared a sample for your reference. Please find the sample and screenshot below. 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/PointColorMappingBubble1020393249.zip 

 

Code Snippet: 

// add your additional code here 

 

<SfChart Title="World Countries Details" Theme="@Theme"> 

    <ChartArea><ChartAreaBorder Width="0"></ChartAreaBorder></ChartArea> 

    <ChartPrimaryXAxis Title="Literacy Rate" Minimum="60" Maximum="100" Interval="5"> 

    </ChartPrimaryXAxis> 

    <ChartPrimaryYAxis Title="GDP Growth Rate" Minimum="0" Maximum="10" Interval="2.5"> 

    </ChartPrimaryYAxis> 

    <ChartLegendSettings Visible="false"></ChartLegendSettings> 

    <ChartTooltipSettings Enable="true" Format="${point.text}<br/>Literacy Rate : <b>${point.x}%</b> <br/>GDP Annual Growth Rate : <b>${point.y}</b><br/>Population : <b>${point.size} Billion</b>"></ChartTooltipSettings> 

    <ChartSeriesCollection> 

        <ChartSeries DataSource="@ChartPoints" Name="Pound" XName="Literacy" MinRadius="3" MaxRadius="8" 

                     Size="BubbleSize" YName="GDPGrowth" PointColorMapping="Color" Type="ChartSeriesType.Bubble"> 

        </ChartSeries> 

    </ChartSeriesCollection> 

</SfChart> 

// add your additional code here 

 

 

Screenshot: 

 

 

Let us know if you have any concerns. 

Regards, 

Srihari M