Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Collapse]Chart Control
   [Expand]Getting Started
   [Expand]Fundamentals
   [Expand]Providing Data
   [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
     Custom Draw Events
   [Expand]End-User Features
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Examples
   [Expand]Additional Resources
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[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]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Define an Appearance for Painting All Visual Elements

This document describes the easiest way to change a chart's overall look and feel - by choosing one from the built-in appearances.

In XtraCharts, numerous built-in appearance presets are available, that define the look of all the chart's key elements - its diagram, axes, legend, series, and so on.

Note

To quickly change the appearance of your chart, you can use the Appearance page of the Chart Wizard.

A chart's appearance is determined by the ChartControl.AppearanceName property, and the list of its presets is returned by the ChartControl.GetAppearanceNames method.

The following images demonstrate a chart with two different appearances.

The property's value

Resulting image

ChartControl.AppearanceName = Light

ChartControl.AppearanceName = Gray

When an appearance is defined, it's often required to individually paint each series, or each point within a series (e.g. for a Bar series), and define a palette that is used to paint them. This is described in the next section of this document.

For a step-by-step tutorial, refer to How to: Customize a Chart's Appearance.

Note

In addition, you can enable your end-users to specify pallettes and appearance for a chart themselves. The corresponding sample project is available in the DevExpress 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?​​​​​​​