FullStackedLineSeriesView Class
The Full-Stacked Line series view.
Namespace: DevExpress.WinUI.Charts
Assembly: DevExpress.WinUI.Charts.v21.1.dll
Declaration
Remarks
Use the Series.View property to define the series view type.
The following example creates a Full-Stacked Line chart:
<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.
Inheritance
See Also