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
 [Collapse]ASP.NET WebForms Controls
  [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

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