最后我有时间创建一个动态随机序列的例子。
XAML 代码很简单:一个按钮和图表。
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="40" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Button Content="Add random series" Click="AddSeries_Click" HorizontalAlignment="Center" />
<chart:Chart x:Name="chart" Grid.Row="1">
<chart:StackedAreaSeries />
</chart:Chart>
</Grid>
代码隐藏看起来相当复杂,但大部分代码用于生成随机数据。主要代码在AddSeries_Click
方法中。
public partial class MainPage : UserControl
{
private string[] categories = new[] { "Apples", "Oranges", "Bananas", "Lemons" };
private Random random = new Random((int)DateTime.Now.Ticks);
private int lastSeriesYear = 2011;
public MainPage()
{
InitializeComponent();
}
public class ChartItem
{
public string Title { get; set; }
public double Value { get; set; }
}
private void AddSeries_Click(object sender, RoutedEventArgs e)
{
var sd = new SeriesDefinition();
sd.ItemsSource = categories.Select(c => new ChartItem { Title = c, Value = random.Next(30, 35) }).ToList();
sd.Title = (lastSeriesYear--).ToString();
sd.IndependentValuePath = "Title";
sd.DependentValuePath = "Value";
((StackedAreaSeries)this.chart.Series[0]).SeriesDefinitions.Add(sd);
}
}
如果您更喜欢使用视图模型和可观察集合而不是代码隐藏,我有扩展图表类,它允许数据绑定到系列列表。但是它需要更多的代码,所以让这个例子带有代码隐藏。