VCL Charts: Doughnut View Tutorial

Jul 19, 2024

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.

Select the Modify option in the Action tab.
Navigate through installer steps to Options and check the Install demos option.
Go to the Ready to install tab and click Install to add missing product demos.

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.

Step 2: Configure Value and Total Labels

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

Step 3: Appearance Customization

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