Adding a Web Chart

• Aug 30, 2019
• 2 minutes to read

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.v19.1,
        Version=19.1.16.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.v19.1,
        Version=19.1.16.0, Culture=neutral, PublicKeyToken=_"
        name="ASPxHttpHandlerModule" />
    </modules>
</system.webServer>

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.

• Lesson 4 - Use a Series Template for Auto-Created Series
• How to: Bind a Web Chart to Data (Runtime Sample)
• How to: Bind a Web Chart to an ASPxPivotGrid