We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Interior Colors For Points in Column Chart

Thread ID:





110925 Aug 30,2013 08:52 PM UTC Sep 3,2013 04:10 AM UTC ASP.NET MVC (Classic) 1
Tags: Chart
Frank Carr
Asked On August 30, 2013 08:52 PM UTC

I have a requirement to show a series of columns that compare projected to actual sales amounts. The end result would look a lot like your demo at http://mvc.syncfusion.com/demos/ui/chart/ChartType/ColumnCharts I have that part working.
However, part of requirement is to use different colors on the actuals column depending on if the amount is less than or greater than the plan amount. For example, if the actual sales amount is greater, the column would be green but if it's less then it would be red.
I wasn't able to discover a way to set the interior color of individual points in the chart. Is there a way to do this?
I've attached a quick mock-up that shows what I'm looking for based on the demo chart I mentioned above. In the mock-up, you can see that the color changes when the values of certain columns exceed a target value.


Bharathiraja K [Syncfusion]
Replied On September 3, 2013 04:10 AM UTC

Hi Frank,

Thanks for using Syncfusion products.

We suggest you to use "Interior" property of styles to set the interior color to the each series points.

Please find the below code snippet to achieve this.


 //Set Interior color to the first (Index value) point of a series.
  series.Styles[0].Interior = new Syncfusion.Drawing.BrushInfo(Color.Green);

Please let us know your concerns.

Bharathiraja K.


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon