[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
    [Collapse]Creating Charts
     [Expand]2D Chart Types
     [Expand]3D Chart Types
     [Collapse]Providing Data
       Manually Create a Series
       Manually Add Points to a Series
       Specify Series Data Members
       Automatic Series Creation
       Customize a Series
       Series Scale Types
       Pivot Charting (Integration with a Pivot Grid Control)
     [Expand]Data Representation
     [Expand]Appearance Customization
    [Expand]Chart Elements
    [Expand]End-User Interaction
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Manually Create a Series

This document describes how you can add new series to your chart.

To allow individual customization of your chart's series, they should be added to the chart's collection, returned by the WebChartControl.Series property.

To quickly create series at design time, click your web chart control's smart tag, and in the invoked actions list, click the Series... link.

In the invoked Series Collection Editor, click Add..., to add a series to the collection. Note that the order in which series are stored within the collection determines their order in the chart's legend.

Then, you'll be asked to choose a view type for the series, which defines the visual representation of a series, and prescribes a specific set of options.


There is a strong correlation between the series view type and the chart's diagram type, which is auto-determined by the view type of the first visible series in the collection. So, to use multiple series in your chart, their view types should be compatible. Otherwise, a red error message is displayed at the bottom of the dialog. For details on this, refer to Combining Different Series Views.

Choose a view type, and click OK.

Now, the series is created, but it will not be displayed until it has at least one point. There are two approaches to populating a series with points.

Expanded See Also

Is this topic helpful?​​​​​​​