XAML 列表<LineSeries>绑定到图表系列

Question

我有MVVM silverlight应用程序和工具包图表。在视图模型中，我创建了ObservableCollection属性：

    private ObservableCollection<LineSeries> _lines = new ObservableCollection<LineSeries>();
    public ObservableCollection<LineSeries> Lines
    {
        get { return _lines; }
        set
        {
            _lines = value;
            NotifyPropertyChanged("Lines");
        }
    }

然后，在某种方法中，我用动态计数行填充这个集合：

            List<SolidColorBrush> colors = BS2ColorSetHelper.GetSetColors();
            for (int i = 0; i < remainderData.Count; i++)
            {
                LineSeries line = (colors.ElementAtOrDefault(i) != null)
                    ? CreateNewLineSeriesWithColor(remainderData[i].DenominationName, remainderData[i].Coords, colors[i])
                    : CreateNewLineSeries(remainderData[i].DenominationName, remainderData[i].Coords);
                line.Name = remainderData[i].DenominationName;
                Lines.Add(line);
            }
            .........

现在我想将这个ObservableCollection绑定到工具箱图表系列。

    <toolkit:Chart Name="chart">
        <toolkit:Chart.Series>
            ????
        </toolkit:Chart.Series>
    </toolkit:Chart>

我试过

系列="；｛绑定路径＝行｝"

但它不起作用。Visual Studio显示错误："System.Windows.Data.Binding"类型的对象无法转换为"System.Collections.ObjectModel.Collection`1[System.Windows.Controls.DataVisuali"类型‌​化。Charting.ISeries]'。我认为这是因为Series不是依赖属性。

Answer 1

好的，我们不能将LineSeries绑定到Series，因为Series不是Dependency属性。因此，我们可以使用以下依赖属性创建新的UserControl：

public class MultiChart : Chart
{
    public IEnumerable SeriesSource
    {
        get
        {
            return (IEnumerable)GetValue(SeriesSourceProperty);
        }
        set
        {
            SetValue(SeriesSourceProperty, value);
        }
    }
    public static readonly DependencyProperty SeriesSourceProperty = DependencyProperty.Register(
        name: "SeriesSource",
        propertyType: typeof(IEnumerable),
        ownerType: typeof(MultiChart),
        typeMetadata: new PropertyMetadata(
            defaultValue: default(IEnumerable),
            propertyChangedCallback: new PropertyChangedCallback(OnSeriesSourceChanged)
        )
    );
    private static void OnSeriesSourceChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        IEnumerable newValue = (IEnumerable)e.NewValue;
        MultiChart source = (MultiChart)d;
        source.Series.Clear();
        foreach (LineSeries item in newValue)
        {
            source.Series.Add(item);
        }
    }
}

然后我们只需将LineSeries绑定到新创建的属性：

    <common:MultiChart Name="chart"
                       Title="{Binding Path=Title}"
                       SeriesSource="{Binding Path=Lines}" />

视图模型为：

public class ChartDenominationViewModel : ViewModel
{
    private string _title;
    public string Title
    {
        get { return _title; }
        set
        {
            _title = value;
            NotifyPropertyChanged("Title");
        }
    }
    private ObservableCollection<LineSeries> _lines = new ObservableCollection<LineSeries>();
    public ObservableCollection<LineSeries> Lines
    {
        get { return _lines; }
        set
        {
            _lines = value;
            NotifyPropertyChanged("Lines");
        }
    }
}

Answer 2

我不完全了解控件Chart的信息。我建议您查看控件创建者提供的文档，以了解可绑定属性的名称。

但从你发布的内容来看，我的猜测是尝试：

<toolkit:Chart Name="chart" Series={Binding Lines}/>

猜测您的数据内容已全部就绪。意味着页面的数据上下文设置为您的视图模型