使用堆叠区域序列来比较趋势和每个序列在总序列中所占的比例,在此示例中,我们在堆叠百分比而不是值,在此示例中,使用StackMode属性通知。
后台:
using System;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using LiveCharts;
using LiveCharts.Defaults;
using LiveCharts.Wpf;
namespace Wpf.CartesianChart.StackedArea
{
public partial class StackedAreaExample : UserControl
{
public StackedAreaExample()
{
InitializeComponent();
SeriesCollection = new SeriesCollection
{
new StackedAreaSeries
{
Title = "Africa",
Values = new ChartValues<DateTimePoint>
{
new DateTimePoint(new DateTime(1950, 1, 1), .228),
new DateTimePoint(new DateTime(1960, 1, 1), .285),
new DateTimePoint(new DateTime(1970, 1, 1), .366),
new DateTimePoint(new DateTime(1980, 1, 1), .478),
new DateTimePoint(new DateTime(1990, 1, 1), .629),
new DateTimePoint(new DateTime(2000, 1, 1), .808),
new DateTimePoint(new DateTime(2010, 1, 1), 1.031),
new DateTimePoint(new DateTime(2013, 1, 1), 1.110)
},
LineSmoothness = 0,
StackMode = StackMode.Percentage
},
new StackedAreaSeries
{
Title = "N & S America",
Values = new ChartValues<DateTimePoint>
{
new DateTimePoint(new DateTime(1950, 1, 1), .339),
new DateTimePoint(new DateTime(1960, 1, 1), .424),
new DateTimePoint(new DateTime(1970, 1, 1), .519),
new DateTimePoint(new DateTime(1980, 1, 1), .618),
new DateTimePoint(new DateTime(1990, 1, 1), .727),
new DateTimePoint(new DateTime(2000, 1, 1), .841),
new DateTimePoint(new DateTime(2010, 1, 1), .942),
new DateTimePoint(new DateTime(2013, 1, 1), .972)
},
LineSmoothness = 0,
StackMode = StackMode.Percentage
},
new StackedAreaSeries
{
Title = "Asia",
Values = new ChartValues<DateTimePoint>
{
new DateTimePoint(new DateTime(1950, 1, 1), 1.395),
new DateTimePoint(new DateTime(1960, 1, 1), 1.694),
new DateTimePoint(new DateTime(1970, 1, 1), 2.128),
new DateTimePoint(new DateTime(1980, 1, 1), 2.634),
new DateTimePoint(new DateTime(1990, 1, 1), 3.213),
new DateTimePoint(new DateTime(2000, 1, 1), 3.717),
new DateTimePoint(new DateTime(2010, 1, 1), 4.165),
new DateTimePoint(new DateTime(2013, 1, 1), 4.298)
},
LineSmoothness = 0,
StackMode = StackMode.Percentage
},
new StackedAreaSeries
{
Title = "Europe",
Values = new ChartValues<DateTimePoint>
{
new DateTimePoint(new DateTime(1950, 1, 1), .549),
new DateTimePoint(new DateTime(1960, 1, 1), .605),
new DateTimePoint(new DateTime(1970, 1, 1), .657),
new DateTimePoint(new DateTime(1980, 1, 1), .694),
new DateTimePoint(new DateTime(1990, 1, 1), .723),
new DateTimePoint(new DateTime(2000, 1, 1), .729),
new DateTimePoint(new DateTime(2010, 1, 1), .740),
new DateTimePoint(new DateTime(2013, 1, 1), .742)
},
LineSmoothness = 0,
StackMode = StackMode.Percentage
}
};
XFormatter = val => new DateTime((long) val).ToString("yyyy");
YFormatter = val => val.ToString("N") + " M";
DataContext = this;
}
public SeriesCollection SeriesCollection { get; set; }
public Func<double, string> XFormatter { get; set; }
public Func<double, string> YFormatter { get; set; }
}
}
前台:
<lvc:CartesianChart Grid.Row="2" Series="{Binding SeriesCollection}" LegendLocation="Right">
<lvc:CartesianChart.AxisX>
<lvc:Axis Title="Year" LabelFormatter="{Binding XFormatter}"></lvc:Axis>
</lvc:CartesianChart.AxisX>
<lvc:CartesianChart.AxisY>
<lvc:Axis Title="Population" LabelFormatter="{Binding YFormatter}"></lvc:Axis>
</lvc:CartesianChart.AxisY>
</lvc:CartesianChart>