c# - CartesianChart(实时图表)不适用于DataTemplate

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

这是我的代码的一部分:

ResultView.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中，结果对应于C#中的结果，项目对应于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}
            }
        };
    }
}

谢谢你的帮助，

最佳答案

目前，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>

关于c# - CartesianChart(实时图表)不适用于DataTemplate，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38334001/