Chart binding in wpf

2019-06-02 06:36发布

问题:

i have big problem with binding Stacked Column Series to my chart.

I have public ObservableCollection Series property in my ViewModel and try by many ways but it still not working.

This is code from ViewModel to prepare Series: private void drawChart() { this.Series.Clear();

    var dataValues = new List<List<SimpleDataValue>>();

    int wartoscNiezalezna = 1;

    for (int i = 0; i < 2; i++)
    {
        dataValues.Add(new List<SimpleDataValue>());
    }

    foreach (var item in myCollection)
    {
        var param = someparam;

        dataValues[0].Add(new SimpleDataValue { IndependentValue = "Czujnik " + wartoscNiezalezna, DependentValue = 100 });
        //czerwone
        dataValues[1].Add(new SimpleDataValue { IndependentValue = "" + wartoscNiezalezna, DependentValue = 200 });

        wartoscNiezalezna++;

    }
    var stackedSeries = Activator.CreateInstance(typeof(StackedColumnSeries)) as DefinitionSeries;

    int itemnr=0;
    foreach (var item in dataValues)
    {
        var definicja = new SeriesDefinition();
        if(itemnr==0)
        definicja.Title = "Stan 1";
        else
            definicja.Title = "Stan 2";
        definicja.DependentValuePath = "DependentValue";
        definicja.IndependentValuePath = "IndependentValue";
        definicja.ToolTip = "asdas";
        definicja.ItemsSource = item;
        stackedSeries.SeriesDefinitions.Add(definicja);
        itemnr++;
    }
   Series.Add(stackedSeries);
}

I cant bind it to:

<charting:Chart x:Name="MyChart"  Padding="10,10,10,10">
    <charting:Chart.Series>
        <charting:StackedColumnSeries>
            <charting:SeriesDefinition ItemsSource="{Binding Series}" DependentValuePath="DependentValue" IndependentValuePath="IndependentValue">
            </charting:SeriesDefinition>
        </charting:StackedColumnSeries>
    </charting:Chart.Series>
</charting:Chart>

I was trying with SeriesDefinitions Collection and others. I will be very grateful to some help.

回答1:

I can't find StackedColumnSeries in WPF so I will use Silverlight. As I see you create SeriesDefinition in code, in that case there is no point in binding, here is correct code:

Xaml without chart series:

<charting:Chart x:Name="MyChart" Padding="10,10,10,10" />

Code behind:

public class SimpleDataValue
{
    public string IndependentValue { get; set; }
    public int DependentValue { get; set; }
}

public partial class MainPage : UserControl
{
    private int[] myCollection = new int[10];
    private List<DefinitionSeries> Series = new List<DefinitionSeries>();

    public MainPage()
    {
        InitializeComponent();
        this.drawChart();
        this.Series.ForEach(this.MyChart.Series.Add);
    }

    private void drawChart()
    {
        this.Series.Clear();
        this.Series = new List<DefinitionSeries>();
        var dataValues = new List<List<SimpleDataValue>>();

        int wartoscNiezalezna = 1;

        for (int i = 0; i < 2; i++)
        {
            dataValues.Add(new List<SimpleDataValue>());
        }

        foreach (var item in myCollection)
        {
            dataValues[0].Add(new SimpleDataValue { IndependentValue = "Czujnik " + wartoscNiezalezna, DependentValue = 100 });
            //czerwone
            dataValues[1].Add(new SimpleDataValue { IndependentValue = "" + wartoscNiezalezna, DependentValue = 200 });

            wartoscNiezalezna++;
        }

        var stackedSeries = Activator.CreateInstance(typeof(StackedColumnSeries)) as DefinitionSeries;

        int itemnr = 0;
        foreach (var item in dataValues)
        {
            var definicja = new SeriesDefinition();
            if (itemnr == 0)
                definicja.Title = "Stan 1";
            else
                definicja.Title = "Stan 2";
            definicja.DependentValuePath = "DependentValue";
            definicja.IndependentValuePath = "IndependentValue";
            ToolTipService.SetToolTip(definicja, "asdas");
            definicja.ItemsSource = item;
            stackedSeries.SeriesDefinitions.Add(definicja);
            itemnr++;
        }
        Series.Add(stackedSeries);
    }

}

What about me, I would solve your problem in this way, because ViewModel mustn't contains anything form the View:

Xaml

<charting:Chart x:Name="MyChart"  Padding="10,10,10,10">
    <charting:Chart.Series>
        <charting:StackedColumnSeries>
            <charting:SeriesDefinition Title="Stan 1" ItemsSource="{Binding FirstCollection}" DependentValuePath="DependentValue" IndependentValuePath="IndependentValue" />
            <charting:SeriesDefinition Title="Stan 2" ItemsSource="{Binding SecondCollection}" DependentValuePath="DependentValue" IndependentValuePath="IndependentValue" />
        </charting:StackedColumnSeries>
    </charting:Chart.Series>
</charting:Chart>

Code-behind

public class ChartModel
{
    public List<SimpleDataValue> FirstCollection { get; set; }
    public List<SimpleDataValue> SecondCollection { get; set; }
}

public partial class MainPage : UserControl
{
    public MainPage()
    {
        InitializeComponent();
        this.MyChart.DataContext = new ChartModel
        {
            FirstCollection = Enumerable.Range(1, 10).Select(i => new SimpleDataValue { IndependentValue = "Czujnik " + i, DependentValue = 100 }).ToList(),
            SecondCollection = Enumerable.Range(1, 10).Select(i => new SimpleDataValue { IndependentValue = "" + i, DependentValue = 200 }).ToList()
        };

    }
}


标签: wpf bind charts