如何动态添加任意数量的线系列到WPF工具包图表？ [英] How To Dynamically Add Arbitrary Number Of Line Series To WPF Toolkit Chart?

问题描述

是否可以在单个工具包图表中绘制多行，其中行号在运行时确定？我喜欢一个MVVM绑定行到集合的方式。例如下面，只有一个LineSeries要显示，但如果我想显示多行。谢谢！

Is it possible to draw multiple lines in a single toolkit chart where line numbers are determined at run-time? I prefer a MVVM way of binding lines to a collection. For example below, there is only one "LineSeries" to be shown, but what if I want to show multiple lines. Thank you!

            <ch:Chart.Series>
            <ch:LineSeries Title="{Binding Title}"
                           ItemsSource="{Binding  DataPoints}"
            IndependentValueBinding="{Binding Path=X}"
            DependentValueBinding="{Binding Path=Y}">
            </ch:LineSeries>
        </ch:Chart.Series>

推荐答案

EDIT 3 a测试按钮：

XAML：

<Grid>
    <chartingToolkit:Chart x:Name="chart1" HorizontalAlignment="Left" Margin="10,10,0,0" Title="Chart Title" VerticalAlignment="Top" Width="498" Height="277">
    </chartingToolkit:Chart>
    <Button x:Name="button1" Content="ADD" HorizontalAlignment="Center" Margin="226,292,217.4,0" VerticalAlignment="Top" Width="75" Click="button1_Click"/>
</Grid>

窗口：

    int index;
    MyViewModel2 viewModel;

    private void Window_Loaded(object sender, RoutedEventArgs e)
    {
        viewModel = new MyViewModel2();
        DataContext = viewModel;
    }

    private void button1_Click(object sender, RoutedEventArgs e)
    {
        PointCollection pc = new PointCollection();

        for (int i = 1; i <= 10; i++)
            pc.Add(new Point { X = i, Y = i * (2 + index) });

        LineSeries series1 = new LineSeries();
        series1.DependentValuePath = "Y";
        series1.IndependentValuePath = "X";
        series1.ItemsSource = pc;
        chart1.Series.Add(series1);

        viewModel.MyList.Add(pc);

        index++;
    }

EDIT 2 - 动态添加系列：

XAML：

    <chartingToolkit:Chart x:Name="chart1" Margin="0" Title="Chart Title">
    </chartingToolkit:Chart>

ViewModel：

ViewModel:

public class MyViewModel2
{
    public List<PointCollection> MyList { get; set; }

    public MyViewModel2()
    {
        MyList = new List<PointCollection>();
    }
}

窗口：

    private void Window_Loaded(object sender, RoutedEventArgs e)
    {
        viewModel = new MyViewModel2();
        DataContext = viewModel;

        PointCollection pc1 = new PointCollection();
        PointCollection pc2 = new PointCollection();

        for (int i = 1; i <= 10; i++)
        {
            pc1.Add(new Point { X = i, Y = i * 2 });
            pc2.Add(new Point { X = i, Y = i * 3 });
        }

        LineSeries series1 = new LineSeries();
        series1.DependentValuePath = "Y";
        series1.IndependentValuePath = "X";
        series1.ItemsSource = pc1;
        chart1.Series.Add(series1);

        viewModel.MyList.Add(pc1);

        LineSeries series2 = new LineSeries();
        series2.DependentValuePath = "Y";
        series2.IndependentValuePath = "X";
        series2.ItemsSource = pc2;
        chart1.Series.Add(series2);

        viewModel.MyList.Add(pc2);
    }

编辑1

XAML：

<Grid>
    <chartingToolkit:Chart Margin="0" Title="Chart Title">
        <chartingToolkit:LineSeries DependentValuePath="Y" IndependentValuePath="X" ItemsSource="{Binding MyPointCollection1}"/>
        <chartingToolkit:LineSeries DependentValuePath="Y" IndependentValuePath="X" ItemsSource="{Binding MyPointCollection2}"/>
    </chartingToolkit:Chart>
</Grid>

ViewModel：

ViewModel:

public class MyViewModel
{
    public PointCollection MyPointCollection1 { get; set; }
    public PointCollection MyPointCollection2 { get; set; }

    public MyViewModel()
    {
        MyPointCollection1 = new PointCollection();
        MyPointCollection2 = new PointCollection();
    }
}

窗口：

    private void Window_Loaded(object sender, RoutedEventArgs e)
    {
        viewModel = new MyViewModel();
        DataContext = viewModel;

        for (int i = 1; i <= 10; i++)
        {
            viewModel.MyPointCollection1.Add(new Point { X = i, Y = i * 2 });
            viewModel.MyPointCollection2.Add(new Point { X = i, Y = i * 3 });
        }
    }

这篇关于如何动态添加任意数量的线系列到WPF工具包图表？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！