Skip to main content

VCL Chart Tutorials

This topic contains links to step-by-step tutorials that help you get acquainted with the Chart control, and its diagrams and series.

VCL Chart Control: Three XY Diagrams with Bar and Line Series

Before You Begin

Tutorials listed in this topic use data files that ship with our demos. The default installation path for data files is: C:\Users\Public\Documents\DevExpress\VCL\Demos\ExpressCharts\Data\.

If you did not install our demos, run the DevExpress VCL component installer and follow the steps below.

  1. Select the Modify option in the Action tab.

    VCL Component Installer: Modify Installation

  2. Navigate through installer steps to Options and check the Install demos option.

    VCL Component Installer: Install Demos

  3. Go to the Ready to install tab and click Install to add missing product demos.

    VCL Component Installer: Run

Tutorials

Doughnut View Tutorial

This tutorial describes how to add a Chart control, apply a skin to the application, create a doughnut series, bind it to data, and customize simple diagram appearance at design time.

VCL Chart Control: Doughnut View Tutorial - The Chart Control-Based Application in Action

Line View Tutorial

This tutorial details how to add a Chart control, apply a skin to the application, create line series, bind them to data, and customize XY diagram appearance at design time.

VCL Chart Control: The Chart Control-Based Application in Action