Assign specific colors to chart segments

[Georg Thomas]

I am trying to work out how to assign specific colors to specific values. For example

• Insignificant = green
• Minor = yellow
• Moderate = orange
• Major = light red
• Catastrophic = dark red
• Late = red
• OK = green

Is there any easy way to accomplish this?

Thanks in advance.

https://imgur.com/FougTJa (embed seems to not work)

[Dharanidharan Dharmasivam]

Hi Georg, 

 

Greetings from Syncfusion. 

 

We have analyzed your query and your requirement can be achieved using two ways.  

 

Method 1 

If the data are declared directly in points, then you can directly use the fill property to assign the desired color. Find the code snippet below. 

 

 

<ej:Chart ID="Chart1> 

          <Series> 

                <ej:Series> 

                    <Points> 

                        <ej:points Text="Insignificant" X="Insignificant" Y="10" Fill="green" /> 

                             Other configurations 

                    </Points> 

                 </ej:Series> 

            </Series> 

        </ej:Chart> 

 

 

Screenshot: 

 

Sample: http://www.syncfusion.com/downloads/support/forum/142461/ze/PieChart469202417  

 

Method 2 

If you are bind data to chart using the data source, and you are having color in your data source, then using the pointColorMappingName in series. Find the code snippet below to achieve this requirement. 

 

 

<Series> 

       <ej:Series PointColorMappingName="fillColor"> 

        </ej:Series> 

 </Series> 

 

 

Hope this helps. 

 

Thanks, 

Dharani. 

[Georg Thomas]

Thank you! That worked a treat!

[Dharanidharan Dharmasivam]

Hi Georg, 

 

Most welcome. Kindly get in touch with us, if you would require further assistance. 

 

Thanks, 

Dharani.