DevExpress.Web.Visualization 26.1.5-pre-26227

DevExpress ASP.NET Web Forms Chart and Gauge Controls

DevExpress ASP.NET Web Forms Chart and Gauge controls allow you to add elegant data visualization to your web applications.

Key Features

Charts

60+ Chart types
2D and 3D Charts
Integrated Chart Designer
SVG and Canvas rendering
Data analysis tools

Gauges

150+ Gauge designs
Circular, Linear, and Digital Gauges
Gauge state indicators

Examples

Install the DevExpress.Web.Visualization NuGet package:

dotnet add package DevExpress.Web.Visualization

Example 1: Add a Circular Gauge to a Form at Design Time

<body>
    <form id="form1" runat="server">
    <div>
        <dx:ASPxGaugeControl runat="server" ID="gControl_Page1" Width="350px" Height="350px" BackColor="Transparent" ClientInstanceName="Gauge1">
            <Gauges>
                <dx:CircularGauge ID="cGauge1" Bounds="0, 0, 350, 350">
                    <backgroundLayers>
                        <dx:ArcScaleBackgroundLayerComponent Name="arcScaleBackgroundLayerComponent1" ScaleID="arcScaleComponent1"
                            ZOrder="1000" ShapeType="CircularFull_Style1"></dx:ArcScaleBackgroundLayerComponent>
                    </backgroundLayers>
                    <scales>
                        <dx:ArcScaleComponent Name="arcScaleComponent1" MinValue="0" MaxValue="10" Value="4"
                            StartAngle="-240" EndAngle="60" Center="125, 125" RadiusX="100" RadiusY="100"
                            MajorTickCount="6" MinorTickCount="3" MajorTickmark-FormatString="{0:F0}"
                            MajorTickmark-ShapeType="Circular_Style1_4" MinorTickmark-ShapeType="Circular_Style1_3"
                            MajorTickmark-ShapeOffset="-3.5" MajorTickmark-TextOffset="-17"
                            MajorTickmark-TextOrientation="LeftToRight"
                            AppearanceTickmarkText-Font="Tahoma, 11pt"
                            AppearanceTickmarkText-TextBrush="&lt;BrushObject Type=&quot;Solid&quot; Data=&quot;Color:Black&quot;/&gt;">
                        </dx:ArcScaleComponent>
                    </scales>
                    <needles>
                        <dx:ArcScaleNeedleComponent Name="arcScaleNeedleComponent1" ScaleID="arcScaleComponent1"
                            StartOffset="-4.5" EndOffset="5" ZOrder="-50" ShapeType="CircularFull_Style1"></dx:ArcScaleNeedleComponent>
                    </needles>
                </dx:CircularGauge>
            </Gauges>
        </dx:ASPxGaugeControl>
    </div>
    </form>
</body>

Example 2: Add a Line Chart to a Page at Runtime

C#

using System;
using DevExpress.XtraCharts;
using DevExpress.XtraCharts.Web;

namespace DevExpress.Web.Demos {
    public partial class LineSeries : System.Web.UI.Page {
        protected void Page_Load(object sender, EventArgs e) {
            // Creates a new chart
            WebChartControl lineChart = new WebChartControl();

            // Creates a line series
            Series series1 = new Series("Series 1", ViewType.Line);

            // Adds points to line series
            series1.Points.Add(new SeriesPoint(1, 2));
            series1.Points.Add(new SeriesPoint(2, 12));
            series1.Points.Add(new SeriesPoint(3, 14));
            series1.Points.Add(new SeriesPoint(4, 17));

            // Adds the series to the chart
            lineChart.Series.Add(series1);

            // Sets the numerical argument scale types for the series
            series1.ArgumentScaleType = ScaleType.Numerical;

            // Accesses the view-type-specific options of the series
            ((LineSeriesView)series1.View).MarkerVisibility = DevExpress.Utils.DefaultBoolean.True;
            ((LineSeriesView)series1.View).LineMarkerOptions.Kind = MarkerKind.Triangle;
            ((LineSeriesView)series1.View).LineStyle.DashStyle = DashStyle.Dash;

            // Hides the legend
            lineChart.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False;

            // Adds a title to the chart
            lineChart.Titles.Add(new ChartTitle());
            lineChart.Titles[0].Text = "A Line Chart";

            // Adds the chart to the page
            Page.Form.Controls.Add(lineChart);
        }
    }
}

VB.NET

Imports System
Imports DevExpress.XtraCharts
Imports DevExpress.XtraCharts.Web

Namespace DevExpress.Web.Demos
    Public Partial Class LineSeries
        Inherits System.Web.UI.Page

        Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
            ' Creates a new chart
            Dim lineChart As WebChartControl = New WebChartControl()

            ' Creates a line series
            Dim series1 As Series = New Series("Series 1", ViewType.Line)

            ' Adds points to line series
            series1.Points.Add(New SeriesPoint(1, 2))
            series1.Points.Add(New SeriesPoint(2, 12))
            series1.Points.Add(New SeriesPoint(3, 14))
            series1.Points.Add(New SeriesPoint(4, 17))

            ' Adds the series to the chart
            lineChart.Series.Add(series1)

            ' Sets the numerical argument scale types for the series
            series1.ArgumentScaleType = ScaleType.Numerical

            ' Accesses the view-type-specific options of the series
            CType(series1.View, LineSeriesView).MarkerVisibility = DevExpress.Utils.DefaultBoolean.True
            CType(series1.View, LineSeriesView).LineMarkerOptions.Kind = MarkerKind.Triangle
            CType(series1.View, LineSeriesView).LineStyle.DashStyle = DashStyle.Dash

            ' Hides the legend
            lineChart.Legend.Visibility = DevExpress.Utils.DefaultBoolean.[False]

            ' Adds a title to the chart
            lineChart.Titles.Add(New ChartTitle())
            lineChart.Titles(0).Text = "A Line Chart"

            ' Adds the chart to the page
            Page.Form.Controls.Add(lineChart)
        End Sub
    End Class
End Namespace

Demos

DevExpress.Web - Implements core functionality for DevExpress ASP.NET Web Forms Controls.

dotnet add package DevExpress.Web

DevExpress.Web.Office - DevExpress ASP.NET Web Forms Spreadsheet and Rich Text Editor controls.

dotnet add package DevExpress.Web.Office

DevExpress.Web.Scheduler - DevExpress ASP.NET Web Forms Scheduler control.

dotnet add package DevExpress.Web.Scheduler

DevExpress.Web.Themes - DevExpress Themes for ASP.NET Applications.

dotnet add package DevExpress.Web.Themes

Documentation

Evaluation Period, Pricing Options, and Licensing Terms

Whether you own a license or want to start a 30-day evaluation period, download and register your DevExpress license key. To obtain your key, log in to the DevExpress Download Manager. Use your existing DevExpress.com account or create a new account for free. For key registration instructions, see License Key for DevExpress Products.

If you purchase a license after evaluating a product, re-register your updated DevExpress license key to remove evaluation version warnings/messages.

This package is included in the following commercial subscriptions:

See DevExpress Subscriptions & Licensing for subscription comparison tables, purchasing FAQ, and licensing information.

Software Bill of Materials (SBOM)

To access SBOM files for DevExpress packages, please refer to the following article: Software Bill of Materials (SBOM) for DevExpress .NET assemblies/NuGet packages, JavaScript, VCL and other redistributable artifacts.

Useful Online Resources

Showing the top 20 packages that depend on DevExpress.Web.Visualization.

Packages	Downloads
DevExpress.Web.Mvc This package implements the common functionality of DevExpress Extensions for ASP.NET MVC.	22
DevExpress.Web.Mvc This package implements the common functionality of DevExpress Extensions for ASP.NET MVC.	18
DevExpress.Web.Mvc This package implements the common functionality of DevExpress Extensions for ASP.NET MVC.	16
DevExpress.Web.Mvc This package implements the common functionality of DevExpress Extensions for ASP.NET MVC.	14
DevExpress.Web.Visualization.ru This package implements the functionality related to DevExpress WebChartControl and GaugesControl web controls.	14
DevExpress.Web.Mvc This package implements the common functionality of DevExpress Extensions for ASP.NET MVC.	13
DevExpress.Web.Visualization.de This package implements the functionality related to DevExpress WebChartControl and GaugesControl web controls.	13
DevExpress.Web.Visualization.de This package implements the functionality related to DevExpress WebChartControl and GaugesControl web controls.	12
DevExpress.ExpressApp.PivotGrid.Web The Pivot Grid module for XAF ASP.NET WebForms apps.	11
DevExpress.Web.Mvc5 This package implements the common functionality of DevExpress Extensions for ASP.NET MVC.	11
DevExpress.ExpressApp.Chart.Web The Chart module for XAF ASP.NET WebForms apps.	10
DevExpress.Web.Mvc5 This package implements the common functionality of DevExpress Extensions for ASP.NET MVC.	9
DevExpress.Web.Visualization.de This package implements the functionality related to DevExpress WebChartControl and GaugesControl web controls.	9
DevExpress.Web.Visualization.ja This package implements the functionality related to DevExpress WebChartControl and GaugesControl web controls.	9
DevExpress.ExpressApp.Chart.Web The Chart module for XAF ASP.NET WebForms apps.	9
DevExpress.ExpressApp.Chart.Web The Chart module for XAF ASP.NET WebForms apps.	8
DevExpress.Web.Mvc5 This package implements the common functionality of DevExpress Extensions for ASP.NET MVC.	8
DevExpress.Web.Visualization.ja This package implements the functionality related to DevExpress WebChartControl and GaugesControl web controls.	8
DevExpress.ExpressApp.PivotGrid.Web The Pivot Grid module for XAF ASP.NET WebForms apps.	8

.NET Framework 4.6.2

DevExpress.Charts (= 26.1.5-pre-26227)
DevExpress.Charts.Core (= 26.1.5-pre-26227)
DevExpress.Data (= 26.1.5-pre-26227)
DevExpress.Drawing (= 26.1.5-pre-26227)
DevExpress.Gauges.Core (= 26.1.5-pre-26227)
DevExpress.Printing.Core (= 26.1.5-pre-26227)
DevExpress.Web (= 26.1.5-pre-26227)
DevExpress.Web.Resources (= 26.1.5-pre-26227)

Version	Downloads	Last updated
26.1.5-pre-26227	1	08/19/2026
26.1.4	1	08/20/2026
26.1.4-pre-26200	1	08/19/2026
26.1.4-pre-26190	1	08/19/2026
26.1.4-pre-26179	1	08/19/2026
26.1.3	1	08/19/2026
25.2.9	1	08/19/2026
25.2.8	1	08/19/2026
25.2.7	1	08/20/2026
25.2.6	1	04/12/2026
25.2.5	1	04/17/2026
25.2.4	0	02/03/2026
25.2.3	3	01/20/2026
25.1.13	1	08/19/2026
25.1.12	0	06/10/2026
25.1.11	1	08/19/2026
25.1.10	2	04/12/2026
25.1.9	0	03/02/2026
25.1.8	2	01/20/2026
25.1.7	2	12/17/2025
25.1.6	4	12/17/2025
25.1.5	3	12/17/2025
25.1.4	3	12/17/2025
25.1.3	6	09/01/2025
24.1.4	8	07/22/2024
24.1.3	7	07/24/2024
23.1.6	7	12/01/2023
23.1.3	6	07/04/2023
21.2.3	7	06/19/2023