Skip to main content

Charts Gallery

  • 4 minutes to read

DevExpress WinUI Charts ship with three chart controls (CartesianChart, PieChart, and FunnelChart) that support different series views. This topic lists series views available in DevExpress WinUI Charts.

#Cartesian Chart

#Bar (Column) Series Views

The CartesianChart can display bar series (BarSeriesView) that you can use to create the following charts:

#Side-by-Side Bar Chart

Initialize the Series.View property with a BarSeriesView object to visualize data points as bars:

Bar chart

#Stacked Bar Chart

Initialize the Series.View property with a BarSeriesView object. Then, set the BarSeriesView.StackedMode property to Stacked to display bars as stacked:

Stacked bar chart

#Full-Stacked Bar Chart

Initialize the Series.View property with a BarSeriesView object. Then, set the BarSeriesView.StackedMode property to FullStacked to display data points as full-stacked bars:

Full-stacked bar chart

#Side-by-Side Stacked Bar Chart

Initialize the Series.View property with a BarSeriesView object. Then, set theBarSeriesView.StackedMode property to Stacked to display bars stacked. Use the BarSeriesView.StackedGroup property to specify to which group a stacked bar series belongs.

Side-by-Side Stacked Bar Chart

#Side-by-Side Full-Stacked Bar Chart

Initialize the Series.View property with a BarSeriesView object. Then, set the BarSeriesView.StackedMode property to FullStacked to display data points as full-stacked bars. Use the BarSeriesView.StackedGroup property to specify to which group a stacked bar series belongs.

Side-by-Side Full-Stacked Bar Chart

#Point Series View

The CartesianChart can display point series. Initialize the Series.View property with a PointSeriesView object to display data points in the following way:

A point series

#Line Series Views

The CartesianChart can display line series (LineSeriesView and ScatterLineSeriesView) that you can use to create the following charts:

#Line Chart

Initialize the Series.View property with a LineSeriesView object to visualize data points as lines:

Line chart

#Step Line Chart

Initialize the Series.View property with a LineSeriesView object. Set the LineSeriesView.InterpolationMode property to Step to draw a stepped line series:

Step Line Chart

#Stacked Line Chart

Initialize the Series.View property with a LineSeriesView object. Set LineSeriesView.StackedMode to Stacked to display multiple lines stacked:

Stacked Line Chart

#Stacked Step Line Chart

Initialize the Series.View property with a LineSeriesView object. To create a stacked line chart, set the LineSeriesView.InterpolationMode property to Step and the LineSeriesView.StackedMode property to Stacked:

Stacked Step Line Chart

#Full-Stacked Line Chart

Initialize the Series.View property with a LineSeriesView object. Set the LineSeriesView.StackedMode property to FullStacked to display multiple series as full-stacked lines:

Full-Stacked Line Chart

#Full-Stacked Step Line Chart

Initialize the Series.View property with a LineSeriesView object. To create a full-stacked step line chart, set the LineSeriesView.InterpolationMode property to Step and the LineSeriesView.StackedMode property to FullStacked.

Full-Stacked Step Line Chart

#Scatter Line Chart

Initialize the Series.View property with a ScatterLineSeriesView object if you want to connect data points in the order they have in the data source:

Scatter Line Chart

#Area Series Views

The CartesianChart can display area series (AreaSeriesView) that you can use to create the following charts:

#Area Chart

Initialize the Series.View property with an AreaSeriesView object to display data points as filled areas:

Area Chart

#Step Area Chart

Initialize the Series.View property with an AreaSeriesView object. Then, set the AreaSeriesView.InterpolationMode property to Step to draw a stepped area series:

Step Area Chart

#Stacked Area Chart

Initialize the Series.View property with an AreaSeriesView object. Set the AreaSeriesView.StackedMode property to Stacked to display multiple area series stacked:

Stacked Area Chart

#Stacked Step Area Chart

Initialize the Series.View property with an AreaSeriesView object. To create a stacked step area chart, set the AreaSeriesView.InterpolationMode property to Step and the AreaSeriesView.StackedMode property to Stacked:

Stacked Step Area Chart

#Full-Stacked Area Chart

Initialize the Series.View property with an AreaSeriesView object. Set the AreaSeriesView.StackedMode property to FullStacked to display multiple series as full-stacked area series:

Full-Stacked Area Chart

#Full-Stacked Step Area Chart

Initialize the Series.View property with an AreaSeriesView object. Set the LineSeriesView.InterpolationMode property to Step and the LineSeriesView.StackedMode property to FullStacked to display multiple series as full-stacked step area series:

Full-Stacked Step Area Chart

#Pie Chart

The PieChart can display pie series (PieSeriesView) that you can use to create the following charts:

#Pie

Initialize the PieSeries.View property with a PieSeriesView object to data points as pie slices:

Pie chart

#Donut

Initialize the PieSeries.View property with a PieSeriesView object. Then, enable the PieSeriesView.ShowDonut property to show a pie series as a donut:

Donut chart

#Nested Donut

Initialize the PieSeries.View property with a PieSeriesView object. Then, enable the PieSeriesView.ShowDonut property to show a pie as a donut and specify the PieSeriesView.DonutGroup property to define how to group donuts.

Nested donut chart

#Funnel Chart

The FunnelChart can display funnel series. Initialize the Series.View property with a FunnelSeriesView object to display data points as a funnel:

FunnelChartControl