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
   [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]Fundamentals
   [Expand]Providing Data
   [Expand]Appearance Customization
   [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

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

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