Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

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.

#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