Adding a Web Chart

• May 20, 2022
• 2 minutes to read

This topic explains how to add a chart to your Web application both at design time within Visual Studio and programmatically.

Refer to the following help topic to learn how to add a chart to a Web page at design time within Visual Studio: 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.v24.1,
        Version=24.1.7.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.v24.1,
        Version=24.1.7.0, Culture=neutral, PublicKeyToken=_"
        name="ASPxHttpHandlerModule" />
    </modules>
</system.webServer>

Refer to the following help topic to learn more about the ASPxHttpHandlerModule: ASPxHttpHandlerModule.

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

Alternatively, a Web chart can be created entirely on the client side. Refer to the following help topic to view a tutorial: How to: Add a Chart to an ASPxCallbackPanel during its Callback (Runtime Sample).

See the following tutorials for information on how to bind Web charts to data.

• 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