[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
    [Expand]Creating Charts
    [Expand]Chart Elements
    [Collapse]End-User Interaction
      Client Chart Designer
     [Expand]Crosshair Cursor
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [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]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]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)

Client Chart Designer

This document describes how the Chart Designer can be invoked and localized.

This document consists of the following sections.

Expanded The Client Chart Designer Overview

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

  • The Chart Structure Tree allows you to quickly select chart elements, change the structure of a chart (add or delete elements) and also represent chart structure. When you click an element, its settings will be displayed in the Chart Element Properties area.

  • The Chart Layout area allows you to see how the chart looks.
  • The Chart Element Properties area allows you to customize a chart element's commonly used properties.

Expanded Invoke the Client Chart Designer

The Client Chart Designer is represented by an instance of the ASPxChartDesigner class. To specify the chart control for which the Chart Designer is invoked, call the Designer's ASPxChartDesigner.OpenChart method with a WebChartControl object as parameter.

For a runtime example, refer to How to: Invoke the Client Chart Designer.

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