Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
  [Expand]Reporting
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [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]Miscellaneous
    [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]Examples
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [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]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gauges
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [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]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.

The ASP.NET Chart Control provides numerous built-in appearance presets 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 WebChartControl.AppearanceName property, and the list of its presets is returned by the WebChartControl.GetAppearanceNames method.

The following images demonstrate a chart with two different appearances.

AppearanceName = Default

AppearanceName = Dark Flat

When an appearance is defined, it is 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 Choose a Palette for Painting Series, Points and Indicators 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?​​​​​​​