Chart Designer

  • v
  • v
  • v

Show Chart Designer
RussiaCanadaUSAChinaBrazilAustraliaIndiaArgentinaKazakhstanAlgeria0M3M6M9M12M15M18MArea, km²0M200M400M600M800M1000M1200M1400MPopulation estimatesLargest Countries by Area and PopulationAreaPopulation

This demo illustrates how to use the ASP.NET Chart designer to customize the basic chart and series options at runtime.

To open the chart designer, click the Show Chart Designer.

In the chart designer, you can customize Area and Population series (e.g., change their name, view and labels layout), legend (e.g.,change text color, direction, alignment, visibility and font) and chart axes. You can also modify the chart title (e.g., change its text, text color, dock, alignment, visibility and font).

To customize a chart element, expand the chart element in the Chart Structure and locate the corresponding properties in the Properties grid.

To save changes and close the designer, click the Save and Close button.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\XtraChartsDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\XtraChartsDemos