Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
   Reporting
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Collapse]Charts Suite
   [Collapse]Chart Control
    [Expand]Getting Started
    [Expand]Fundamentals
    [Expand]Providing Data
    [Expand]Appearance Customization
    [Expand]End-User Features
    [Expand]Design-Time Features
    [Expand]Visual Elements
    [Collapse]Examples
     [Expand]2D Chart Types
     [Expand]3D Chart Types
     [Expand]Providing Data
     [Expand]Data Representation
     [Expand]Chart Elements
     [Expand]Appearance Customization
     [Expand]End-User Interaction
     [Collapse]Miscellaneous
       How to: Create a Chart Using the Instant Layout Assistant
       How to: Programmatically Create a Chart
       How to: Visualize Data from the DXPivotGrid Control using the DXCharts Suite
       How to: Use the Numeric Options of Series Points
       How to: Use the Percent Options of Series Points
       How to: Bind a Numeric Chart Range Control Client to an Array of Simple Type Objects
       How to: Bind a Numeric Chart Range Control Client to a List of Custom Objects
       How to: Bind a Date-Time Chart Range Control Client to a List of Custom Objects
       How to: Print a Chart and Show its Print Preview
       How to: Export a Chart to HTML and MHT
       How to: Export a Chart to PDF
    [Expand]Additional Resources
   [Expand]Chart3D Control
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Diagram Control
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[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

How to: Create a Chart Using the Instant Layout Assistant

This example shows how to add a ChartControl to the WPF application and create a simple Pie chart with series using the Instant Layout Assistant.

Note

The Instant Layout Assistant also allows you to create a Cartesian Chart (Side-by-Side Bar, Area), Cartesian 3D-Chart (Area 3D), Pie 3D-Chart (3D-Pie), Radar Chart (Radar Area) and Finance Chart (Candle Stick).

The Instant Layout Assistant is a window with a list of controls; this window allow you to add controls to the application quickly and customize their common settings.

To add a Chart control to your WPF application, create a Pie chart and customize series labels (label indent and label text pattern), do the following.

  • Run MS Visual Studio 2010, 2012, 2013, 2015 or 2017.
  • Create a new WPF Application project or open an existing one.

    The Instant Layout Assistant appears in the center of the designer window.

    Important

    If this does not happen, enable the assistant, choosing the DEVEXPRESS | WPF Controls v18.1 | Enable Instant Layout Assistant category in the Visual Studio menu.

  • Click the Chart Control item in the Instant Layout Assistant.

  • Click Pie Chart in the next window of the assistant.

    This generates the following XAML.

  • Run the application.

    The following image illustrates the resulting chart at runtime.

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