如何填充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圖表以適合您的需求