[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
    [Expand]Creating Charts
    [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)

Adding a Web Chart

This document explains how a chart can be added to your Web application both at design time within Visual Studio, and programmatically.

To learn how a chart can be added to a Web page at design time within Visual Studio, refer to How to: Add a Chart to a Web Application.

Note that after a chart is first added to your web application, its Web.config file is affected. The following module is added to its XML code:



    <!-- The following lines will be added to the system.web section.



        <add type="DevExpress.Web.ASPxHttpHandlerModule, DevExpress.Web.v18.2,

        Version=, Culture=neutral, PublicKeyToken=_"

        name="ASPxHttpHandlerModule" />



    <!-- And, the following - to the system.webServer section.



    <validation validateIntegratedModeConfiguration="false" />


        <add type="DevExpress.Web.ASPxHttpHandlerModule, DevExpress.Web.v18.2,

        Version=, Culture=neutral, PublicKeyToken=_"

        name="ASPxHttpHandlerModule" />



To learn more about the ASPxHttpHandlerModule, refer to the following document: ASPxHttpHandlerModule.

To learn how a chart can be created and added to a Web page programmatically, refer to How to: Add a Chart to a Web Page (Runtime Sample)

Alternatively, a Web chart can be created entirely on the client side. A tutorial on this can be found at How to: Add a Chart to an ASPxCallbackPanel during its Callback (Runtime Sample).

For the information about binding Web charts to data, see the following tutorials.

Expanded See Also

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