Shopping cart Download trialFree Trial

Using Series Template

  • v
  • v
  • v

CanadaFranceGermanyItalyJapanUKUS020004000600080001000012000140001600018000G7 GDP, billions of US$The World Bank: GDP (current US$)201520142013201220112010
Data Settings
Label Settings

The WebChartControl allows its Series to be bound to data in two ways:

  • You are manually creating a series and bind it to the required fields in the data source.
  • The WebChartControl dynamically creates series based on the template settings that can be accessed using the ChartControl.SeriesTemplate property.

In this demo, the second approach is used. The number of series is displayed at the view's top left corner.

Use the Series Data Member drop-down list to select a data field whose values are used to generate and populate series.

If the "Year" field is selected, the chart shows GDP per Country for each Year. Otherwise, if "Country" is selected, the chart shows GDP per Year for each Country.

In this demo the text style of Crosshair Series Labels and the Crosshair Group Header have been updated.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\XtraChartsDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\XtraChartsDemos