Shopping cart Download trialFree Trial

Using Series Template

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

DevExpress MVC Chart allows its series to be bound to data in two ways:

  • All Series objects are manually added to the Series collection, and each series is independently bound to appropriate data members from a chart's datasource.
  • All Series objects are generated dynamically from a chart's data source based on template settings specified via the SeriesTemplate property.

This demo illustrates how to use the second approach, when all series are auto-generated from a datasource according to a specified series template.

In this demo, you can 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.

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
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxChartDemos