Skip to main content
All docs
V25.1
  • 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