SideBySideFullStackedBarSeriesView Class

The Side-by-Side Full-Stacked Bar series view.

Namespace: DevExpress.WinUI.Charts

Assembly: DevExpress.WinUI.Charts.v21.1.dll

Declaration

C#

public class SideBySideFullStackedBarSeriesView :
    SideBySideStackedBarSeriesView,
    ISupportPercentValue

VB.NET

Public Class SideBySideFullStackedBarSeriesView
    Inherits SideBySideStackedBarSeriesView
    Implements ISupportPercentValue

Remarks

Use the Series.View property to define the series view type. Set the StackedGroup property to the same value for series that should be shown in the same stacked bar.

The following example creates a Side-by-Side Full-Stacked Bar chart:

XAML

<Common:DemoModuleView
   x:Class="ChartsDemo.BarSeriesViewModule"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:Charts="using:DevExpress.WinUI.Charts"
   xmlns:Common="using:FeatureDemo.Common"
   BorderBrush="Transparent">
   <Grid>
       <Grid.RowDefinitions>
           <RowDefinition Height="Auto" />
       </Grid.RowDefinitions>
       <Charts:CartesianChart x:Name="chart" Grid.Row="0">
           <Charts:CartesianChart.AxisY>
               <Charts:AxisY>
                   <Charts:AxisY.Title>
                       <Charts:AxisTitle Content="Population in millions" />
                   </Charts:AxisY.Title>
               </Charts:AxisY>
           </Charts:CartesianChart.AxisY>
           <Charts:CartesianChart.Legend>
               <Charts:Legend Margin="5" Background="White" BorderBrush="Gray" />
           </Charts:CartesianChart.Legend>
           <Charts:CartesianChart.Series>
               <Charts:Series DisplayName="Male: 0 - 14 years">
                   <Charts:Series.View>
                       <Charts:SideBySideFullStackedBarSeriesView StackedGroup="1" BarWidth="0.5" />
                   </Charts:Series.View>
                   <Charts:Series.Data>
                       <Charts:DataSourceAdapter DataSource="{Binding Series1Data}">
                           <Charts:DataMember DataMemberType="Argument" ColumnName="CountryName" />
                           <Charts:DataMember DataMemberType="Value" ColumnName="PopulationValue" />
                       </Charts:DataSourceAdapter>
                   </Charts:Series.Data>
               </Charts:Series>
               <Charts:Series DisplayName="Male: 15 - 64 years">
                   <Charts:Series.View>
                       <Charts:SideBySideFullStackedBarSeriesView StackedGroup="1" BarWidth="0.5" />
                   </Charts:Series.View>
                   <Charts:Series.Data>
                       <Charts:DataSourceAdapter DataSource="{Binding Series2Data}">
                           <Charts:DataMember DataMemberType="Argument" ColumnName="CountryName" />
                           <Charts:DataMember DataMemberType="Value" ColumnName="PopulationValue" />
                       </Charts:DataSourceAdapter>
                   </Charts:Series.Data>
               </Charts:Series>
               <Charts:Series  DisplayName="Male: 65 years and older">
                   <Charts:Series.View>
                       <Charts:SideBySideFullStackedBarSeriesView StackedGroup="1" BarWidth="0.5" />
                   </Charts:Series.View>
                   <Charts:Series.Data>
                       <Charts:DataSourceAdapter DataSource="{Binding Series3Data}">
                           <Charts:DataMember DataMemberType="Argument" ColumnName="CountryName" />
                           <Charts:DataMember DataMemberType="Value" ColumnName="PopulationValue" />
                       </Charts:DataSourceAdapter>
                   </Charts:Series.Data>
               </Charts:Series>
               <Charts:Series  DisplayName="Female: 0 - 14 years" >
                   <Charts:Series.View>
                       <Charts:SideBySideFullStackedBarSeriesView  StackedGroup="2" BarWidth="0.5" />
                   </Charts:Series.View>
                   <Charts:Series.Data>
                       <Charts:DataSourceAdapter DataSource="{Binding Series4Data}">
                           <Charts:DataMember DataMemberType="Argument" ColumnName="CountryName" />
                           <Charts:DataMember DataMemberType="Value" ColumnName="PopulationValue" />
                       </Charts:DataSourceAdapter>
                   </Charts:Series.Data>
               </Charts:Series>
               <Charts:Series  DisplayName="Female: 15 - 64 years" >
                   <Charts:Series.View>
                       <Charts:SideBySideFullStackedBarSeriesView StackedGroup="2" BarWidth="0.5" />
                   </Charts:Series.View>
                   <Charts:Series.Data>
                       <Charts:DataSourceAdapter DataSource="{Binding Series5Data}">
                           <Charts:DataMember DataMemberType="Argument" ColumnName="CountryName" />
                           <Charts:DataMember DataMemberType="Value" ColumnName="PopulationValue" />
                       </Charts:DataSourceAdapter>
                   </Charts:Series.Data>
               </Charts:Series>
               <Charts:Series  DisplayName="Female: 65 years and older">
                   <Charts:Series.View>
                       <Charts:SideBySideFullStackedBarSeriesView StackedGroup="2" BarWidth="0.5" />
                   </Charts:Series.View >
                   <Charts:Series.Data>
                       <Charts:DataSourceAdapter DataSource="{Binding Series6Data}">
                           <Charts:DataMember DataMemberType="Argument" ColumnName="CountryName" />
                           <Charts:DataMember DataMemberType="Value" ColumnName="PopulationValue" />
                       </Charts:DataSourceAdapter>
                   </Charts:Series.Data>
               </Charts:Series>
           </Charts:CartesianChart.Series>
       </Charts:CartesianChart>
   </Grid>
</Common:DemoModuleView>

C#

using DevExpress.WinUI.Charts;
using Microsoft.UI.Xaml;
using FeatureDemo.Common;
using System.Collections.Generic;

namespace ChartsDemo {
   public sealed partial class BarSeriesViewModule : DemoModuleView {
       public BarSeriesViewModule() {
           DataContext = new BarSeriesViewModel();
       }
   }
   public class BarSeriesViewModel : DevExpress.Mvvm.BindableBase {
       private List<Population> series1Data;
       private List<Population> series2Data;
       private List<Population> series3Data;
       private List<Population> series4Data;
       private List<Population> series5Data;
       private List<Population> series6Data;

       public List<Population> Series1Data {
           get { return series1Data; }
           set { SetProperty(ref series1Data, value); }
       }
       public List<Population> Series2Data {
           get { return series2Data; }
           set { SetProperty(ref series2Data, value); }
       }
       public List<Population> Series3Data {
           get { return series3Data; }
           set { SetProperty(ref series3Data, value); }
       }
       public List<Population> Series4Data {
           get { return series4Data; }
           set { SetProperty(ref series4Data, value); }
       }
       public List<Population> Series5Data {
           get { return series5Data; }
           set { SetProperty(ref series5Data, value); }
       }
       public List<Population> Series6Data {
           get { return series6Data; }
           set { SetProperty(ref series6Data, value); }
       }
       public BarSeriesViewModel() {
           Series1Data = new List<Population>() {
               new Population("US", 58.553),
               new Population("Japan", 18.680),
               new Population("Germany", 13.012)
           };
           Series2Data = new List<Population>() {
               new Population("US", 182.181),
               new Population("Japan", 86.343),
               new Population("Germany", 56.331)
           };

           Series3Data = new List<Population>() {
               new Population("US", 34.834),
               new Population("Japan", 21.525),
               new Population("Germany", 13.451)
           };
           Series4Data = new List<Population>() {
               new Population("US", 28.597),
               new Population("Japan", 9.105),
               new Population("Germany", 6.333)
           };
           Series5Data = new List<Population>() {
               new Population("US", 91.827),
               new Population("Japan", 42.98),
               new Population("Germany", 27.693)
           };
           Series6Data = new List<Population>() {
               new Population("US", 20.362),
               new Population("Japan", 12.501),
               new Population("Germany", 8.318)
           };
       }
       public class Population {
           public string CountryName { get; set; }
           public double PopulationValue { get; set; }
           public Population(string companyName, double populationValue) {
               CountryName = companyName;
               PopulationValue = populationValue;
           }
       }
   }
}    

VB.NET

Imports DevExpress.WinUI.Charts
Imports Microsoft.UI.Xaml
Imports FeatureDemo.Common
Imports System.Collections.Generic

Namespace ChartsDemo
   Public NotInheritable Partial Class BarSeriesViewModule
       Inherits DemoModuleView

       Public Sub New()
           DataContext = New BarSeriesViewModel()
       End Sub
   End Class

   Public Class BarSeriesViewModel
       Inherits DevExpress.Mvvm.BindableBase

       Private series1DataField As List(Of Population)
       Private series2DataField As List(Of Population)
       Private series3DataField As List(Of Population)
       Private series4DataField As List(Of Population)
       Private series5DataField As List(Of Population)
       Private series6DataField As List(Of Population)

       Public Property Series1Data As List(Of Population)
           Get
               Return series1DataField
           End Get
           Set(ByVal value As List(Of Population))
               SetProperty(series1DataField, value)
           End Set
       End Property

       Public Property Series2Data As List(Of Population)
           Get
               Return series2DataField
           End Get
           Set(ByVal value As List(Of Population))
               SetProperty(series2DataField, value)
           End Set
       End Property

       Public Property Series3Data As List(Of Population)
           Get
               Return series3DataField
           End Get
           Set(ByVal value As List(Of Population))
               SetProperty(series3DataField, value)
           End Set
       End Property

       Public Property Series4Data As List(Of Population)
           Get
               Return series4DataField
           End Get
           Set(ByVal value As List(Of Population))
               SetProperty(series4DataField, value)
           End Set
       End Property

       Public Property Series5Data As List(Of Population)
           Get
               Return series5DataField
           End Get
           Set(ByVal value As List(Of Population))
               SetProperty(series5DataField, value)
           End Set
       End Property

       Public Property Series6Data As List(Of Population)
           Get
               Return series6DataField
           End Get
           Set(ByVal value As List(Of Population))
               SetProperty(series6DataField, value)
           End Set
       End Property

       Public Sub New()
           Series1Data = New List(Of Population)() From {
               New Population("US", 58.553),
               New Population("Japan", 18.680),
               New Population("Germany", 13.012)
           }
           Series2Data = New List(Of Population)() From {
               New Population("US", 182.181),
               New Population("Japan", 86.343),
               New Population("Germany", 56.331)
           }
           Series3Data = New List(Of Population)() From {
               New Population("US", 34.834),
               New Population("Japan", 21.525),
               New Population("Germany", 13.451)
           }
           Series4Data = New List(Of Population)() From {
               New Population("US", 28.597),
               New Population("Japan", 9.105),
               New Population("Germany", 6.333)
           }
           Series5Data = New List(Of Population)() From {
               New Population("US", 91.827),
               New Population("Japan", 42.98),
               New Population("Germany", 27.693)
           }
           Series6Data = New List(Of Population)() From {
               New Population("US", 20.362),
               New Population("Japan", 12.501),
               New Population("Germany", 8.318)
           }
       End Sub

       Public Class Population
           Public Property CountryName As String
           Public Property PopulationValue As Double

           Public Sub New(ByVal companyName As String, ByVal populationValue As Double)
               CountryName = companyName
               Me.PopulationValue = populationValue
           End Sub
       End Class
   End Class
End Namespace

For step-by-step instructions on how to create a Cartesian chart, refer to the following help topic: Lesson 1 - Create a Cartesian Chart.

Inheritance

Show 12 items

Object

DependencyObject

UIElement

FrameworkElement

Control

ChartElement

SeriesView

CartesianSeriesView

BarSeriesView

StackedBarSeriesView

SideBySideStackedBarSeriesView

SideBySideFullStackedBarSeriesView