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

How do I specify different colors for each data point in a column series?

Platform: ASP.NET Web Forms (Classic) |
Control: Chart |
Published Date: April 30, 2011 |
Last Revised Date: July 10, 2014

 

The color of each of the columns (points) in a Column Chart can be changed by handling the PrepareStyle event of the series

.

C#

series.PrepareStyle += new ChartPrepareStyleInfoHandler(this.ChartControlSeries_PrepareStyle);

protected void ChartControlSeries_PrepareStyle(object sender, ChartPrepareStyleInfoEventArgs args)

{

ChartSeries series = sender as ChartSeries;

int r, g, b;

switch(args.Index)

{

case 0:

r = 222;b=245;g=123;

break;

default:

r = 222;b=245;g=123;

break;

}

if(series != null)

{

args.Style.Interior = new BrushInfo(GradientStyle.None,Color.Black,Color.FromArgb(r,g,b ) );

args.Handled = true;

}

}

VB

AddHandler series.PrepareStyle, AddressOf ChartControlSeries_PrepareStyle

Protected Sub ChartControlSeries_PrepareStyle(ByVal sender As Object, ByVal args As ChartPrepareStyleInfoEventArgs)

Dim series As ChartSeries = CType(IIf(TypeOf sender Is ChartSeries, sender, Nothing), ChartSeries)

Dim r, g, b As Integer

Select Case args.Index

Case 0

  r = 222

  b=245

  g=123

Case Else

  r = 222

  b=245

  g=123

 End Select

If Not series Is Nothing Then

args.Style.Interior = New BrushInfo(GradientStyle.None,Color.Black,Color.FromArgb(r,g,b))

args.Handled = True

End If

End Sub

ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

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

Up arrow icon

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