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:
#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:
#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:
#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 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.
#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:
#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:
#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:
#Stacked Line Chart
Initialize the Series.View property with a LineSeriesView object. Set LineSeriesView.StackedMode to Stacked to display multiple lines stacked:
#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:
#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 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.
#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:
#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:
#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:
#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 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:
#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 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:
#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:
#Donut
Initialize the PieSeries.View property with a PieSeriesView object. Then, enable the PieSeriesView.ShowDonut property to show a pie series as a donut:
#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.
#Funnel Chart
The FunnelChart can display funnel series. Initialize the Series.View property with a FunnelSeriesView object to display data points as a funnel: