[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [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]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gantt Control
  [Collapse]Chart Control
   [Collapse]Getting Started
     Lesson 1 - Create a Simple Unbound Chart
     Lesson 2 - Create a Chart using the Chart Designer
     Lesson 3 - Bind Chart Series to Data
     Lesson 4 - Use a Series Template for Auto-Created Series
   [Expand]Charting Basics
   [Expand]Series Views
   [Expand]Chart Elements
   [Expand]Providing Data
   [Expand]Data Representation
   [Expand]Appearance Customization
   [Expand]End-User Features
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Additional Resources
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst 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]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)

Lesson 2 - Create a Chart using the Chart Designer

This tutorial introduces the Chart Designer, which allows you and your end-users to create and customize a chart of any level of complexity from scratch. In this example, we'll use the Chart Designer to create a simple unbound chart. However, note that if your chart's ChartControl.DataSource is defined, the Chart Designer also provides a complete set of data-related settings, so that you can use it to perform even the most complex data binding tasks.

This tutorial consists of the following steps.

Expanded Overview

By default, the Chart Designer is automatically invoked each time a ChartControl is dropped from the toolbox (if the "Display a wizard every time a new chart is added" option on the Chart Designer's status bar is enabled). And you can quickly run the Chart Designer for your chart by clicking its smart tag, and from its actions list, choose the Run Designer... command.

Expanded Chart Customization

Then, configure a chart using the Chart Designer.

  • The first step is adding a new Series to the Chart Control. For this, locate the Series Collection element in the chart elements tree and click the (+) button. In the invoked list of series types, select the Bar type.

  • Then, populate the series with points. This can be either done manually (by specifying arguments and their values for each point) or - if your chart's data source is defined - automatically (by specifying the data bindings for your series). For details on this, refer to Providing Data.

    Currently, populate points manually. To do this, expand the Series 1 element in the Series Collection subtree and select the Points element. Then, add all required arguments and values, for instance, as shown in the image below.

  • Customize the Chart Control's and series' appearance. For this, select (Chart) in the element tree, and in the Options tab, configure the Appearance option of the chart control. Set the Appearance to Dark (All Colors).

    Then, specify the Office 2013 value to the Palette option.

    Now the chart control customization is finished. Click OK to perform changes and close the Designer.

Expanded Result

Run the application to see the results.

Expanded See Also

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