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
   [Expand]Getting Started
   [Expand]Fundamentals
   [Expand]Providing Data
   [Expand]Appearance Customization
   [Expand]End-User Features
   [Collapse]Design-Time Features
     Chart Designer
    [Expand]Chart Wizard
     Pattern Editor
   [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

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 Designer... element.

Note

By default, the Chart Designer is automatically invoked when the ChartControl 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.

Using XtraCharts, you have the freedom to completely customize and localize the Chart Wizard. For more information, refer to Chart Designer for End-Users.

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?​​​​​​​