DevExpress.Web.Visualization
26.1.5
Prefix Reserved
dotnet add package DevExpress.Web.Visualization --version 26.1.5
NuGet\Install-Package DevExpress.Web.Visualization -Version 26.1.5
<PackageReference Include="DevExpress.Web.Visualization" Version="26.1.5" />
<PackageVersion Include="DevExpress.Web.Visualization" Version="26.1.5" />
<PackageReference Include="DevExpress.Web.Visualization" />
paket add DevExpress.Web.Visualization --version 26.1.5
#r "nuget: DevExpress.Web.Visualization, 26.1.5"
#:package DevExpress.Web.Visualization@26.1.5
#addin nuget:?package=DevExpress.Web.Visualization&version=26.1.5
#tool nuget:?package=DevExpress.Web.Visualization&version=26.1.5
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="<BrushObject Type="Solid" Data="Color:Black"/>">
</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
Related Components/Packages
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:
- DevExpress ASP.NET and Blazor Subscription
- DevExpress DXperience Subscription
- DevExpress Universal Subscription
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.
See Also: Information Security | Security - What You Need to Know
Useful Online Resources
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET Framework | net462 is compatible. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed. |
-
.NETFramework 4.6.2
- DevExpress.Charts (= 26.1.5)
- DevExpress.Charts.Core (= 26.1.5)
- DevExpress.Data (= 26.1.5)
- DevExpress.Drawing (= 26.1.5)
- DevExpress.Gauges.Core (= 26.1.5)
- DevExpress.Printing.Core (= 26.1.5)
- DevExpress.Web (= 26.1.5)
- DevExpress.Web.Resources (= 26.1.5)
NuGet packages (8)
Showing the top 5 NuGet packages that depend on DevExpress.Web.Visualization:
| Package | Downloads |
|---|---|
|
DevExpress.Web.Mvc5
Target Platform/Framework: Web DevExpress Product Libraries Used: ASP.NET MVC 5 components (https://www.devexpress.com/mvc) Available in the following DevExpress Subscription(s): Universal, DXperience, ASP.NET & Blazor (includes DevExtreme), Reporting |
|
|
DevExpress.Web.Mvc
Target Platform/Framework: Web DevExpress Product Libraries Used: ASP.NET MVC 5 components (https://www.devexpress.com/mvc) Available in the following DevExpress Subscription(s): Universal, DXperience, ASP.NET & Blazor (includes DevExtreme), Reporting |
|
|
DevExpress.ExpressApp.PivotGrid.Web
Target Platform/Framework: Web DevExpress Product Libraries Used: XAF (Cross-Platform .NET App UI & Web API) (https://www.devexpress.com/xaf) Available in the following DevExpress Subscription(s): Universal |
|
|
DevExpress.Web.Visualization.de
Target Platform/Framework: Web DevExpress Product Libraries Used: ASP.NET WebForms UI components (https://www.devexpress.com/webforms) Available in the following DevExpress Subscription(s): Universal, DXperience, ASP.NET & Blazor (includes DevExtreme), Reporting |
|
|
DevExpress.ExpressApp.PivotChart.Web
Target Platform/Framework: Web DevExpress Product Libraries Used: XAF (Cross-Platform .NET App UI & Web API) (https://www.devexpress.com/xaf) Available in the following DevExpress Subscription(s): Universal |
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 26.1.5 | 474 | 9/18/2026 |
| 26.1.5-pre-26248 | 182 | 9/11/2026 |
| 26.1.5-pre-26241 | 192 | 9/2/2026 |
| 26.1.5-pre-26235 | 206 | 8/26/2026 |
| 26.1.5-pre-26227 | 223 | 8/18/2026 |
| 26.1.4 | 3,775 | 8/7/2026 |
| 26.1.3 | 8,098 | 6/18/2026 |
| 25.2.10 | 4 | 9/22/2026 |
| 25.2.9 | 292 | 8/3/2026 |
| 25.2.8 | 2,229 | 6/10/2026 |
| 25.2.7 | 4,137 | 5/6/2026 |
| 25.2.6 | 4,177 | 4/7/2026 |
| 25.1.14 | 0 | 9/22/2026 |
| 25.1.13 | 357 | 7/31/2026 |
| 25.1.12 | 332 | 6/10/2026 |
| 25.1.11 | 1,089 | 5/5/2026 |