Skip to main content
A newer version of this page is available.

FullStackedLineSeriesView Class

The Full-Stacked Line series view.

Namespace: DevExpress.WinUI.Charts

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

Declaration

public class FullStackedLineSeriesView :
    StackedLineSeriesView

Remarks

Use the Series.View property to define the series view type.

The following example creates a Full-Stacked Line chart:

Full-Stacked Line series view

<Common:DemoModuleView
   x:Class="ChartsDemo.LineSeriesViewModule"
   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="1" >
           <Charts:CartesianChart.AxisX>
               <Charts:AxisX ShowLine="True" ShowMajorTickmarks="True">
               </Charts:AxisX>
           </Charts:CartesianChart.AxisX>
           <Charts:CartesianChart.AxisY>
               <Charts:AxisY ShowLine="True">
                   <Charts:AxisY.Title>
                       <Charts:AxisTitle Content="Population in millions" />
                   </Charts:AxisY.Title>
               </Charts:AxisY>
           </Charts:CartesianChart.AxisY>
           <Charts:CartesianChart.Series>
               <Charts:Series DisplayName="Europe">
                   <Charts:Series.View>
                       <Charts:FullStackedLineSeriesView ShowMarkers="True" MarkerSize="8" />
                   </Charts:Series.View>
                   <Charts:Series.Data>
                       <Charts:DataSourceAdapter DataSource="{Binding Series1Data}">
                           <Charts:DataMember DataMemberType="Argument" ColumnName="Year" />
                           <Charts:DataMember DataMemberType="Value" ColumnName="PopulationValue" />
                       </Charts:DataSourceAdapter>
                   </Charts:Series.Data>
               </Charts:Series>
               <Charts:Series DisplayName="Americas">
                   <Charts:Series.View>
                       <Charts:FullStackedLineSeriesView ShowMarkers="True" MarkerSize="8" />
                   </Charts:Series.View>
                   <Charts:Series.Data>
                       <Charts:DataSourceAdapter DataSource="{Binding Series2Data}">
                           <Charts:DataMember DataMemberType="Argument" ColumnName="Year" />
                           <Charts:DataMember DataMemberType="Value" ColumnName="PopulationValue" />
                       </Charts:DataSourceAdapter>
                   </Charts:Series.Data>
               </Charts:Series>
               <Charts:Series  DisplayName="Africa">
                   <Charts:Series.View>
                       <Charts:FullStackedLineSeriesView ShowMarkers="True" MarkerSize="8" />
                   </Charts:Series.View>
                   <Charts:Series.Data>
                       <Charts:DataSourceAdapter DataSource="{Binding Series3Data}">
                           <Charts:DataMember DataMemberType="Argument" ColumnName="Year" />
                           <Charts:DataMember DataMemberType="Value" ColumnName="PopulationValue" />
                       </Charts:DataSourceAdapter>
                   </Charts:Series.Data>
               </Charts:Series>
           </Charts:CartesianChart.Series>
       </Charts:CartesianChart>
   </Grid>
</Common:DemoModuleView>
using DevExpress.WinUI.Charts;
using Microsoft.UI.Xaml;
using FeatureDemo.Common;
using System.Collections.Generic;

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

       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 LineSeriesViewModule() {
           Series1Data = new List<Population>() {
               new Population(1950, 546),
               new Population(1960, 605 ),
               new Population(1970, 656 ),
               new Population(1980, 694 ),
               new Population(1990, 721 ),
               new Population(2000, 730 ),
               new Population(2010, 728 ),
               new Population(2020, 721)
           };
           Series2Data = new List<Population>() {
               new Population(1950, 332 ),
               new Population(1960, 417 ),
               new Population(1970, 513 ),
               new Population(1980, 614 ),
               new Population(1990, 721 ),
               new Population(2000, 836 ),
               new Population(2010, 935 ),
               new Population(2020, 1027 )
           };

           Series3Data = new List<Population>() {
               new Population(1950, 227),
               new Population(1960, 283 ),
               new Population(1970, 361 ),
               new Population(1980, 471 ),
               new Population(1990, 623 ),
               new Population(2000, 797 ),
               new Population(2010, 982),
               new Population(2020, 1189 )
           };
       }
       public class Population {
           public int Year { get; set; }
           public double PopulationValue { get; set; }
           public Population(int year, double populationValue) {
               Year = year;
               PopulationValue = populationValue;
           }
       }
   }
}    

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

See Also