2

我使用 LiveChart 库，但无法显示图表。事实上，在我的窗口中，我想要许多类型的图表，所以我使用 DataTemplateSelector，链接到每种图表类型的类。但是，当图表出现时，上面没有数据。我试图添加DataContext="{Binding}"我的“柱形图”的声明，但没有成功。

这是我的代码的摘录：

结果视图.xaml

<ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
    <FrameworkElement.Resources>

        <DataTemplate x:Key="graphEmptyTemlpate">
            <StackPanel Width="Auto" Height="60" Orientation="Horizontal" MaxWidth="700">
                <TextBlock Text="{Binding name}" VerticalAlignment="Center" TextAlignment="Center"  FontSize="20" Margin="0,0,0,0" Foreground="#FF006B93"/>
            </StackPanel>
        </DataTemplate>

        <DataTemplate x:Key="columnTemplate">
            <StackPanel Background="#FFBFBFBF">
                <TextBlock Text="{Binding title}"/>
                <TextBlock Text="{Binding subTitle}"/>
                <lvc:CartesianChart Width="400" Height="400" Series="{Binding listSeries}">
                </lvc:CartesianChart>
            </StackPanel>
        </DataTemplate>

        <local:GraphTemplateSelector
        ColumnTemplate="{StaticResource columnTemplate}"
        GraphEmptyTemplate="{StaticResource graphEmptyTemlpate}"
        x:Key="graphTemplateSelector" />

    </FrameworkElement.Resources>
    <StackPanel Orientation="Horizontal" >
        <ItemsControl ItemsSource="{Binding Results}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Expander Header="{Binding Title}"
                              IsExpanded="True"
                              Margin="10 10 10 10"
                              FontSize="20"
                              Foreground="White">
                        <ItemsControl ItemsSource="{Binding Items}" 
                                        ItemTemplateSelector="{DynamicResource graphTemplateSelector}">
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <WrapPanel Margin="10 10 10 10" Orientation="Vertical"/>
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>
                        </ItemsControl>
                    </Expander>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </StackPanel>
</ScrollViewer>

我的ViewModel类的构造函数在ResultViewModel.cs的xaml中，Results对应c#中的Results，Items对应c#中的RpAgitation.Items

public ResultsViewModel()
{
    instance = this;
    this.Results = new ObservableCollection<ResultParts>();
    this.RpAgitation = new ResultParts("Results of the Agitation part");

    ColumnGraph gr = new ColumnGraph();
    RpAgitation.Items.Add(gr);

    this.Results.Add(_rpAgitation);

}

最后是 ColumnGraph.cs

public class ColumnGraph : IGraph
{
    public SeriesCollection listSeries { get; set; }

    public ColumnGraph()
    {
        listSeries = new SeriesCollection
        {
            new LineSeries
            {
                Title = "Series 1",
                Values = new ChartValues<double> { 4,7,8,9,5,4,2}
            }
        };
    }
}

谢谢你的帮助，

4

1 回答 1

1

目前 SeriesCollection 类不是 WPF UiFramework 元素，我真的不想这样做，但我想我们不需要这样做来避免这个问题。

我不确定这是否是 WPF 的错误，或者只是我们做错了。

无论如何，我将进一步调查，现在另一种方法是尝试这种语法：

DataSource = new List<ChartValues<double>>
        {
            new ChartValues<double> {r.Next(0, 10), r.Next(0, 10), r.Next(0, 10)},
            new ChartValues<double> {r.Next(0, 10), r.Next(0, 10), r.Next(0, 10)},
            new ChartValues<double> {r.Next(0, 10), r.Next(0, 10), r.Next(0, 10)}
        };

        DataContext = this;

和 XAML

<ItemsControl ItemsSource="{Binding DataSource}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <lvc:CartesianChart Height="400">
                        <lvc:CartesianChart.Series>
                            <lvc:LineSeries Values="{Binding}"></lvc:LineSeries>
                        </lvc:CartesianChart.Series>
                    </lvc:CartesianChart>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
于 2016-07-15T02:28:56.193 回答