Skip to main content
All docs
V25.1
  • VCL Charts: Doughnut View Tutorial

    This tutorial describes how to add a VCL Chart control to the application, create a doughnut series, bind it to data, and customize diagram appearance.

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

    Before You Begin

    This tutorial uses a data file that ships 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

    Tutorial Steps

    Step 1: Create a Doughnut Series and Bind it to Data

    This step describes how to add a VCL Chart control, apply a skin to the application, create a doughnut series, and bind it to data at design time.

    VCL Chart Control: Doughnut View Tutorial. Step 1 Result

    Step 2: Configure Value and Total Labels

    This step details how to display and customize value and summary labels.

    VCL Chart Control: Doughnut View Tutorial. Step 2 Result

    Step 3: Appearance Customization

    This step explains how to add optional visual chart elements and customize general series appearance settings.

    VCL Chart Control: Doughnut View Tutorial. Step 3 Result

    See Also