Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]Welcome to DevExpress .NET Documentation
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Reporting
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [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]Examples
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gauges
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [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]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

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:

Web.config
<system.web>
    <!-- The following lines will be added to the system.web section.
    -->
    <httpModules>
        <add type="DevExpress.Web.ASPxHttpHandlerModule, DevExpress.Web.v17.2,
        Version=17.2.0.0, Culture=neutral, PublicKeyToken=_"
        name="ASPxHttpHandlerModule" />
    </httpModules>
</system.web>
    <!-- And, the following - to the system.webServer section.
    -->
<system.webServer>
    <validation validateIntegratedModeConfiguration="false" />
    <modules>
        <add type="DevExpress.Web.ASPxHttpHandlerModule, DevExpress.Web.v17.2,
        Version=17.2.0.0, Culture=neutral, PublicKeyToken=_"
        name="ASPxHttpHandlerModule" />
    </modules>
</system.webServer>

To learn more about the ASPxHttpHandlerModule, please 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?​​​​​​​