[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
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Expand]Concepts
   [Collapse]Design-Time Features
    [Expand]Chart Wizard
     Chart Designer
     Pattern Editor
   [Expand]Visual Elements
   [Expand]Examples
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [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]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Chart Designer

This document describes how invoke the Chart Designer, and explains its structure. The document consists of the following sections.

Expanded Overview

To invoke it using the ChartControl's smart tag, click the Run Wizard... element.

Note

By default, the Chart Designer is automatically invoked when the WebChartControl is dropped onto a form and the "Display a wizard every time a new chart is added" check box at the bottom of the Chart Designer is enabled.

The Chart Designer is organized into three main areas, which are represented below.

Note

To allow end-users the capability to customize a chart, use the Client Chart Designer.

Expanded Chart Elements Tree

The Chart Elements Tree allows you to quickly select chart elements, change the structure of a chart (add or delete elements and change their visibility) and also represent a chart's structure. When you locate an element in the tree, it is highlighted in the central area. If you click the element, then its settings will be displayed in the Customization Tabs area.

Expanded Chart Control Appearance

The Chart Control Appearance area allows you to see how the chart looks. Moreover, it allows you to select an item, whose settings will be displayed in the Customization Tabs area.

Expanded Customization Tabs

The Customization Tabs area allows you to customize chart element settings. Settings are separated by three tabs.

  • The Options Tab contains commonly used element settings.

  • The Properties Tab contains all settings of a chart element.

  • The Data Tab contains settings, which allow you to specify data binding or other data settings of a chart element (for example, the series points properties values).

Note

For several chart elements, the Customization Tabs area may not contain all tabs from the Tabs list represented above.

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