Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Collapse]API Reference
  [Expand]DevExpress.Data.Linq
  [Expand]DevExpress.Web
  [Expand]DevExpress.Web.ASPxGauges
  [Expand]DevExpress.Web.ASPxGauges.Base
  [Expand]DevExpress.Web.ASPxGauges.Scripts
  [Expand]DevExpress.Web.ASPxHtmlEditor
  [Expand]DevExpress.Web.ASPxHtmlEditor.Localization
  [Expand]DevExpress.Web.ASPxHtmlEditor.Scripts
  [Expand]DevExpress.Web.ASPxPivotGrid
  [Expand]DevExpress.Web.ASPxPivotGrid.Data
  [Expand]DevExpress.Web.ASPxPivotGrid.HtmlControls
  [Expand]DevExpress.Web.ASPxPivotGrid.Scripts
  [Expand]DevExpress.Web.ASPxRichEdit
  [Expand]DevExpress.Web.ASPxRichEdit.Localization
  [Expand]DevExpress.Web.ASPxRichEdit.Scripts
  [Expand]DevExpress.Web.ASPxScheduler
  [Expand]DevExpress.Web.ASPxScheduler.Commands.Dialogs
  [Expand]DevExpress.Web.ASPxScheduler.Controls
  [Expand]DevExpress.Web.ASPxScheduler.Dialogs
  [Expand]DevExpress.Web.ASPxScheduler.Drawing
  [Expand]DevExpress.Web.ASPxScheduler.Localization
  [Expand]DevExpress.Web.ASPxScheduler.Reporting
  [Expand]DevExpress.Web.ASPxScheduler.Scripts
  [Expand]DevExpress.Web.ASPxSpellChecker
  [Expand]DevExpress.Web.ASPxSpellChecker.Localization
  [Expand]DevExpress.Web.ASPxSpellChecker.Scripts
  [Expand]DevExpress.Web.ASPxSpreadsheet
  [Expand]DevExpress.Web.ASPxSpreadsheet.Localization
  [Expand]DevExpress.Web.ASPxSpreadsheet.Scripts
  [Expand]DevExpress.Web.ASPxTreeList
  [Expand]DevExpress.Web.ASPxTreeList.Internal
  [Expand]DevExpress.Web.ASPxTreeList.Localization
  [Expand]DevExpress.Web.ASPxTreeList.Scripts
  [Expand]DevExpress.Web.Captcha
  [Expand]DevExpress.Web.Data
  [Expand]DevExpress.Web.Internal
  [Expand]DevExpress.Web.Localization
  [Expand]DevExpress.Web.Mvc
  [Expand]DevExpress.Web.Mvc.BinderSettings
  [Expand]DevExpress.Web.Mvc.Controllers
  [Expand]DevExpress.Web.MVC.Scripts
  [Expand]DevExpress.Web.Mvc.UI
  [Expand]DevExpress.Web.Office
  [Expand]DevExpress.Web.Office.Internal
  [Expand]DevExpress.Web.Rendering
  [Expand]DevExpress.Web.Scripts
  [Collapse]DevExpress.XtraCharts.Web
   [Expand]CallbackStateEventArgs Class
   [Expand]CallbackStateLoadEventArgs Class
    CallbackStateLoadEventHandler Delegate
   [Expand]CallbackStateSaveEventArgs Class
    CallbackStateSaveEventHandler Delegate
   [Expand]ChartClientSideEvents Class
    ChartImagePosition Enumeration
   [Expand]ChartToolTipController Class
   [Expand]CustomCallbackEventArgs Class
    CustomCallbackEventHandler Delegate
    RenderFormat Enumeration
    ToolTipOpenMode Enumeration
   [Collapse]WebChartControl Class
     WebChartControl Members
     WebChartControl Constructor
    [Collapse]WebChartControl Properties
      AlternateText Property
      AnnotationRepository Property
      Annotations Property
      AppearanceName Property
      AppearanceNameSerializable Property
      AppearanceRepository Property
      AutoBindingSettingsEnabled Property
      AutoLayout Property
      AutoLayoutSettingsEnabled Property
      BackColor Property
      BackgroundImage Property
      BackImage Property
      BinaryStorageMode Property
      Border Property
      BorderBottom Property
      BorderLeft Property
      BorderOptions Property
      BorderRight Property
      BorderTop Property
      ClientInstanceName Property
      ClientSideEvents Property
      ClientVisible Property
      CrosshairEnabled Property
      CrosshairOptions Property
      Cursor Property
      DataAdapter Property
      DescriptionUrl Property
      Diagram Property
      DiagramSerializable Property
      DiagramTypeName Property
      EmptyChartText Property
      EnableCallbackAnimation Property
      EnableCallbackCompression Property
      EnableCallBacks Property
      EnableClientSideAPI Property
      EnableClientSidePointToDiagram Property
      Enabled Property
      EncodeHtml Property
      FakeObject Property
      FillStyle Property
      Font Property
      ForeColor Property
      Height Property
      IndicatorsPaletteName Property
      IndicatorsPaletteRepository Property
      IndicatorsPaletteWrappers Property
      JSProperties Property
      Legend Property
      Legends Property
      LoadingDivStyle Property
      LoadingPanelDelay Property
      LoadingPanelImage Property
      LoadingPanelImagePosition Property
      LoadingPanelStyle Property
      LoadingPanelText Property
      Padding Property
      PaletteBaseColorNumber Property
      PaletteName Property
      PaletteRepository Property
      PaletteWrappers Property
      PivotGridDataSourceOptions Property
      RenderFormat Property
      RightToLeft Property
      RuntimeSelection Property
      SaveStateOnCallbacks Property
      SelectedItems Property
      SelectionMode Property
      Series Property
      SeriesDataMember Property
      SeriesNameTemplate Property
      SeriesSelectionMode Property
      SeriesSerializable Property
      SeriesSorting Property
      SeriesTemplate Property
      SettingsLoadingPanel Property
      ShowLoadingPanel Property
      ShowLoadingPanelImage Property
      SideBySideBarDistanceFixed Property
      SideBySideBarDistanceVariable Property
      SideBySideEqualBarWidth Property
      SmallChartText Property
      Titles Property
      ToolTipController Property
      ToolTipEnabled Property
      ToolTipOptions Property
      Width Property
    [Expand]WebChartControl Events
    [Expand]WebChartControl Methods
  [Expand]DevExpress.XtraCharts.Web.Designer
  [Expand]DevExpress.XtraCharts.Web.Scripts
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

WebChartControl.SeriesTemplate Property

Gets the template settings for bound series.

Namespace:DevExpress.XtraCharts.Web
Assembly:DevExpress.XtraCharts.v17.2.Web.dll

Expanded Syntax

Property value

Type: SeriesBase
A DevExpress.XtraCharts.SeriesBase object that contains the template settings for bound series.

Expanded Remarks

The SeriesTemplate property provides access to an object that serves as a template for series which are created dynamically as a result of binding a chart control to data (via the ASPxDataWebControlBase.DataSource and SeriesDataMember properties). The settings which are available via the SeriesTemplate property are common to all such data bound series. These settings allow you to provide centralized customization of all dynamically created data bound series. If you need to access an individual bound series, you can handle a specific event of a chart control (such as the CustomDrawSeries event, for example) and use the DevExpress.XtraCharts.CustomDrawSeriesEventArgsBase.Series property of the event's argument.

Note that the settings which are customized via the SeriesTemplate property don't apply to the series contained within the Series collection of a chart control.

Expanded Example

Show Me

A complete sample project is available in the DevExpress Code Examples database at http://www.devexpress.com/example=E1015.

This example demonstrates how to bind a web chart to data using series templates. For specific information on working with the ASP.NET Chart Control, refer to Concepts.

To accomplish this task, create a new ASP.NET Web Application, add a WebChartControl, and add a data source to it (these steps are similar to steps 1-8 of the Lesson 4 - Use the Series Template for Auto-Created Series tutorial).

Next, add a button to your application, and handle its Click event as follows.

Note

For the WebChartControl to be properly bound to its data source, and to create series points, call the ASPxWebControl.DataBind method after customizing the chart's properties. When resolving the data source, the data source identified by the ASPxDataWebControlBase.DataSourceID property takes precedence. If the ASPxDataWebControlBase.DataSourceID is not set, the object identified by the ASPxDataWebControlBase.DataSource property is used.

Expanded See Also

How would you rate this topic?​​​​​​​