[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Collapse]Charts Suite
   [Collapse]Chart Control
    [Expand]Getting Started
    [Collapse]Providing Data
      Create a Series Manually
      Add Points to a Series Manually
      Bind a Series to a Data Source
      Define a Template for Automatic Series
      Provide Data for the Drill Mode
      Best Practices: Display Large Data
      Series Scale Types
      Data Aggregation
      Calculate Summaries
      Data Filtering
      Work Time and Workday Configuration
      Top N and Others
      Empty Points
    [Expand]Chart Elements
    [Expand]Appearance Customization
    [Expand]End-User Features
    [Expand]Design-Time Features
    [Expand]Additional Resources
   [Expand]Chart3D Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)


This document describes the Chart Colorizer, lists colorizer types, and explains how to create a colorizer and customize its settings in a chart control.

The document consists of the following sections:

Expanded Overview

The Colorizer is used to choose colors for chart series points automatically, and stores it using the SeriesPoint.Brush property. This feature can be applied to the SeriesPoint class.

This can be useful, for example, for providing additional information using color.


When the Chart Control aggregates series data, the aggregated point has the color that mostly occurs on the aggregated interval.

Perform the following steps before using this feature:

  1. Specify the Series.DataSource property, if necessary, and all data member properties required to build a chart.

    The colorizer allows you to provide colors for the series points the data source provides using one of the approaches that is discussed later.

  2. Specify the name of a data member that determines the color of the series' Series.ColorDataMember property.

  3. Determine which type of a colorizer an application should use:

    • ColorObjectColorizer allows you to provide color data member values to the SeriesPoint.Brush property if these values have the System.Windows.Media.Color type or a type that can be converted to a color (integer number or string).
    • KeyColorColorizer allows you to choose the color depending on color data member values used as key values.
    • RangeColorizer allows you to colorize points depending on the color data member values' range.

After you select a colorizer type, assign the selected colorizer type's object to the Series.Colorizer property, and customize the colorizer's settings. The sections below describe how to do this.


A colorizer is used to color only point markers for line and area series views.

Expanded Color Object Colorizer

This colorizer does not require specifying properties before using it. The following image demonstrates data colorized using a national color stored in the data source:


This is the default colorizer.

Expanded Key-Color Colorizer

Perform the following steps to configure the key-color colorizer:

The following image demonstrates a bar chart colorized according to the country's region using the key-color colorizer:

Expanded Range Colorizer

Follow the steps below to configure the range colorizer.

  • Fill the RangeColorizer.RangeStops collection. These values form ranges that are used to determine which color a series point should have.

  • Specify the ChartPaletteColorizerBase.Palette property if you want to use a non-default palette to colorize your data.

  • It is also possible to specify the RangeColorizer.ValueProvider property. This allows you to configure how to provide double-precision numeric values based on the color data series member values.

The following image demonstrates a bar chart colorized by the Happy Planet Index using the range colorizer:

Is this topic helpful?​​​​​​​