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
   [Expand]Concepts
   [Collapse]Design-Time Features
    [Expand]Chart Wizard
     Chart Designer
     Pattern Editor
   [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

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.

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