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.Controls
  [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.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
    ToolTipOpenMode Enumeration
   [Collapse]WebChartControl Class
     WebChartControl Members
     WebChartControl Constructor
    [Expand]WebChartControl Properties
    [Expand]WebChartControl Events
    [Expand]WebChartControl Methods
  [Expand]DevExpress.XtraCharts.Web.Designer
  [Expand]DevExpress.XtraCharts.Web.Scripts
[Expand]ASP.NET 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]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

WebChartControl Class

The chart control for ASP.NET applications.

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

Expanded Syntax

Expanded Remarks

The WebChartControl class is the control used to embed charts into Web pages.

In general, the WebChartControl provides the same functionality as the DevExpress.XtraCharts.ChartControl, taking into account the specifics of the ASP.NET environment. In particular, note that there are some restrictions on using Web charts in the Medium Trust permission level. For more information, refer to Concepts.

To provide data for the WebChartControl, you first need to create a data source (any object which implements either the System.Collections.IList, System.ComponentModel.IListSource or System.ComponentModel.IBindingList interfaces), and then use either the ASPxDataWebControlBase.DataSourceID property at design time, or programmatically populate the data source and assign it to your chart's ASPxDataWebControlBase.DataSource property.

The subsequent steps are similar to the ones for the ChartControl, as explained in Providing Data.

For code examples, please refer to:

In addition, the WebChartControl control implements a comprehensive client-side object model, written in JavaScript (client API), allowing you to programmatically manipulate the control on the client (see DevExpress.XtraCharts.Web.Scripts, to learn more on the available client model). For a tutorial on this, refer to How to: Show Custom Data Over a Web Chart Using ASPxPopupControl.

Expanded Inheritance Hierarchy

System.Object
    System.Web.UI.Control
       System.Web.UI.WebControls.WebControl
          ASPxWebControlBase
             ASPxWebControl
                ASPxDataWebControlBase
                   ASPxDataWebControl
                      WebChartControl
                         MVCxChartControl

Expanded See Also

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