1

我已经生成了一个数据可视化折线图，现在我正在尝试构建一个自定义工具提示并且很接近，但还没有完全实现。这是我与视图相关的 XAML（使用 MVVM）。

<charting:Chart x:Name="Chart1" Height="Auto" Width="Auto" Title="Profit and Loss"  
            DockPanel.Dock="Bottom"
            PlotAreaStyle="{StaticResource PlotAreaStyle}" 
            MinHeight="200" 
            MinWidth="200" 
            HorizontalAlignment="Stretch" 
            VerticalAlignment="Stretch">
    <charting:Chart.Resources>
        <ControlTemplate x:Key="LineDataPointTemplate" TargetType="charting:LineDataPoint">
            <Grid x:Name="Root" Opacity="1">
                <ToolTipService.ToolTip>
                    <StackPanel>
                        <ContentControl>
                            <ContentControl.Content>
                                <MultiBinding Converter="{StaticResource MultiFormattingConverter}">
                                    <MultiBinding.Bindings>
                                        <Binding  Path="Title" >
                                            <Binding.RelativeSource>
                                                <Binding RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type UserControl}}" />
                                            </Binding.RelativeSource>
                                        </Binding>
                                        <Binding RelativeSource="{RelativeSource TemplatedParent}"/>
                                    </MultiBinding.Bindings>
                                </MultiBinding>
                            </ContentControl.Content>
                        </ContentControl>
                    </StackPanel>
                </ToolTipService.ToolTip>
            </Grid>
        </ControlTemplate>
    </charting:Chart.Resources>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Loaded">
            <ei:CallMethodAction TargetObject="{Binding}" MethodName="ChartLoadedMethod" />
        </i:EventTrigger>
    </i:Interaction.Triggers>
    <charting:Chart.Series>
      <charting:LineSeries x:Name="entrySeries" ItemsSource="{Binding EntryDataPointColl}" 
             Title="{Binding entryDateLegend}"
             d:DataContext="EntryDataPointColl.xml"
             IndependentValueBinding="{Binding Path=Xvalue}" 
             FlowDirection="LeftToRight" 
             DependentValueBinding="{Binding Path=Yvalue}" 
             >
        <charting:LineSeries.DataPointStyle>
            <Style TargetType="{x:Type charting:LineDataPoint}">
                <Setter Property="Visibility" Value="Collapsed" />
                <Setter Property="Opacity" Value="0" />
                <Setter Property="Background" Value="DarkGreen" />
                <Setter Property="Template" Value="{StaticResource LineDataPointTemplate}"/>

好吧，我不知道如何输入代码……我缩进了 4 个空格，然后做了一个粘贴，但这似乎不起作用。

无论如何，我想使用相对源来引用 theLineSeries或 theChart本身，以便在 my 中MultiFormattingConverter，我可以访问DataContext（我的 vm）和集合。然后我可以使用来自“点”的数据，这TemplatedParent让我可以查找所有 3 个的值，LineSeries并生成一个工具提示，该工具提示具有每个可观察集合的值。无论我在FindAncestor, AncestorType=代码中指定什么，我仍然以“未设置”作为值数组中的第一个对象。

上面的代码通过指定 my 来使用一种变体UserControl，但它不起作用。我试过charting:Chart, charting:Chart1, charting:LineSeries，charting:entrySeries但似乎没有什么对我有用。有人可以帮我弄清楚在 中指定什么FindAncestor吗？

4

2 回答 2

0

我没有尝试上面建议的 ElementName 方法。相反，我决定通过使用常规的 FormattingConverter 来简化，传递的值是 TemplatedParent - LineDataPoint。现在我使用 GetParent(ldp) 并且我有 Canvas，它有我的 vm 作为数据上下文。此时，我可以访问我的 observable 集合，并且可以提取我想要包含在我的自定义工具提示中的值。感谢所有的海报。

于 2013-02-08T03:16:27.693 回答
0

这里的问题是ToolTip结构不是Chart可视树的子结构，因此它无法向上/向下走动并找到您要查找的内容 - 事实上，如果您要使用 Snoop 或其他一些 WPF 嗅探工具，您会看到ToolTip树有效地“结束”在您StackPanel（或非常接近它）

尝试使用ElementName绑定而不是FindAncestor，并指定图表/系列元素的名称。这有时可以用来解决这类问题。

另一种方法是创建一种“垫片”，可以Chart从该工具提示内部代理返回，但这有点超出我目前在手机中输入的意愿。:)

于 2013-02-07T23:44:47.407 回答