Log In
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
    [Collapse]Creating Charts
     [Expand]2D Chart Types
     [Expand]3D Chart Types
     [Expand]Providing Data
     [Expand]Data Representation
     [Collapse]Appearance Customization
       Define an Appearance for Painting All Visual Elements
       Choose a Palette for Painting Series, Points and Indicators
       Create a Custom Palette
       Prioritized Appearance and the Appearance Template
    [Expand]Chart Elements
    [Expand]End-User Interaction
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Choose a Palette for Painting Series, Points and Indicators

This document describes how to select a palette for painting a chart's series (or their individual points). The same steps will define an individual palette for painting a chart's indicators.

You can choose a precomposed palette for painting a chart's series or their points via the WebChartControl.PaletteName property.

To define a similar palette for all the chart's indicators, use the WebChartControl.IndicatorsPaletteName property.

The following images demonstrate a chart with different palettes (using the Default appearance). For the complete list of precomposed palettes, see PaletteRepository.PaletteNames.

PaletteName = Concourse

PaletteName = Apex

PaletteName = Grayscale

Additionally, within the selected palette, you can specify the base color of this palette, to assign a spectrum based on this color. The base color is specified by an integer value of the WebChartControl.PaletteBaseColorNumber property. Its effect is demonstrated in the following image (with an example of the Concourse palette).

PaletteBaseColorNumber = 1

PaletteBaseColorNumber = 3

When the WebChartControl.PaletteBaseColorNumber property is set to 0 and the SeriesViewColorEachSupportBase.ColorEach property of a series is enabled, the palette is used to paint the individual points of that series.

When a palette base color number is not equal to 0, the SeriesViewColorEachSupportBase.ColorEach property paints series points based on a composition of the specified color.

ColorEach = true
PaletteBaseColorNumber = 0

ColorEach = true
PaletteBaseColorNumber = 1

When none of the demonstrated approaches provide the desired result, you have the option to create a custom palette.

In addition, you can enable your end-users to choose palettes and appearances for a chart themselves. The corresponding example is available in our Code Central database at How to provide end-users with the capability to change a chart's appearance on the fly.

Expanded See Also

How would you rate this topic?​​​​​​​