如何填充Silverlight图表WP7

Question

我需要创建一个包含多个系列的（WP7）图表。 我想可视化的数据：

F.ex以下集合，包含用户名，日期和分数：

1. 用户1,2011-11-09,6
2. 用户2,2011-11-09,8
3. 用户1,2011-11-02,9
4. 用户2,2011-11-02,8

数据中可以有两个以上的用户。

XAML命名空间

xmlns:chartingToolkit="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit"

代码背后

mdChart.Series.Add(MDSeries);                
mdChart.Title = "Statistics";
MDSeries.SetBinding(ColumnSeries.ItemsSourceProperty, new Binding());
MDSeries.ItemsSource = lCompetitionStats;
MDSeries.DependentValuePath = "Points";
series.IndependentValuePath = "Date";
MDSeries.IndependentValuePath = "UserName";

XAML

<controls:PanoramaItem Header="mdscores">
    <Grid>
        <charting:Chart x:Name="mdChart" Foreground="Blue" Background="Black">
            <charting:ColumnSeries Background="Black"/>
        </charting:Chart>
    </Grid>
</controls:PanoramaItem>

结果，我在X轴上有用户，在Y轴上有点。 我需要在X轴上显示日期，在Y轴上显示点，并为earch用户提供一个单独的系列。 如何创建/填充这样的图表运行时？

Answer 1

请尝试以下操作：

代码背后

public class ColumnChartValues
{
    #region Variables
    public string Label { get; private set; }
    public double Value { get; private set; }
    #endregion

    #region Constructor and Initialization
    public ColumnChartValues()
    {
        Label = string.Empty;
        Value = 0;
    }

    public ColumnChartValues(string label, double value)
    {
        Label = label;
        Value = value;
    }
    #endregion
}


public partial class StatsPage : Page
{
    public ObservableCollection<ColumnChartValues> ColumnChartDatabase { get; private set; }

    public StatsPage()
    {
        DataContext = this;
        InitializeColumnChart();
    }

    private void InitializeColumnChart()
    {                
        mdChart.Title = "Statistics";

        ColumnChartDatabase = new ObservableCollection<BarChartValues>();
        ColumnChartDatabase.Add(new ColumnChartValues("Value One: ", 1));
        ColumnChartDatabase.Add(new ColumnChartValues("Value Two: ", 2));
        ColumnChartDatabase.Add(new ColumnChartValues("Value Three: ", 3));
    }
}

XAML

<charting:Chart x:Name="mdChart" Foreground="Blue" Background="Black">
    <charting:ColumnSeries  Background="Black" ItemsSource="{Binding ColumnChartDatabase}" IndependentValueBinding="{Binding Label}" DependentValueBinding="{Binding Value}"/>
</charting:Chart>

费耶

您将必须编辑ColumnChartValues图表以适合您的需求