在WPFToolkit中设计PieDataPoint时的视觉状态问题图

Question

我想在WPFToolkit图表中设置派生数据点的样式。基本上我想改变工具提示。它可以工作，但数据点的视觉状态不会改变。

我已经从源代码复制了样式，并修改了工具提示仅用于添加FormattedIndependentValue。样式如下所示：

<!-- charting:PieDataPoint --> 
<Style x:Key="PieDataPointStyle" TargetType="charting:PieDataPoint"> 
    <Setter Property="Background" Value="Orange" /> 
    <Setter Property="BorderBrush" Value="White" /> 
    <Setter Property="BorderThickness" Value="0" /> 
    <Setter Property="IsTabStop" Value="False" /> 
    <Setter Property="RatioStringFormat" Value="{}{0:p2}" /> 
    <Setter Property="Template"> 
    <Setter.Value> 
     <ControlTemplate TargetType="charting:PieDataPoint"> 
      <Grid x:Name="Root" Opacity="1"> 
       <VisualStateManager.VisualStateGroups> 
       <VisualStateGroup x:Name="CommonStates"> 
        <VisualStateGroup.Transitions> 
         <VisualTransition GeneratedDuration="0:0:0.1" /> 
        </VisualStateGroup.Transitions> 
        <VisualState x:Name="Normal" /> 
        <VisualState x:Name="MouseOver"> 
         <Storyboard> 
          <DoubleAnimation Storyboard.TargetName="MouseOverHighlight" Storyboard.TargetProperty="Opacity" To="0.6" Duration="0" /> 
         </Storyboard> 
        </VisualState> 
       </VisualStateGroup> 
       <VisualStateGroup x:Name="SelectionStates"> 
        <VisualStateGroup.Transitions> 
         <VisualTransition GeneratedDuration="0:0:0.1" /> 
        </VisualStateGroup.Transitions> 
        <VisualState x:Name="Unselected" /> 
        <VisualState x:Name="Selected"> 
         <Storyboard> 
          <DoubleAnimation Storyboard.TargetName="SelectionHighlight" Storyboard.TargetProperty="Opacity" To="0.6" Duration="0" /> 
         </Storyboard> 
        </VisualState> 
       </VisualStateGroup> 
       <VisualStateGroup x:Name="RevealStates"> 
        <VisualStateGroup.Transitions> 
         <VisualTransition GeneratedDuration="0:0:0.5" /> 
        </VisualStateGroup.Transitions> 
        <VisualState x:Name="Shown"> 
         <Storyboard> 
          <DoubleAnimation Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity" To="1" Duration="0" /> 
         </Storyboard> 
        </VisualState> 
        <VisualState x:Name="Hidden"> 
         <Storyboard> 
          <DoubleAnimation Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity" To="0" Duration="0" /> 
         </Storyboard> 
        </VisualState> 
       </VisualStateGroup> 
       </VisualStateManager.VisualStateGroups> 
       <Path x:Name="Slice" Data="{TemplateBinding Geometry}" 
        Fill="{TemplateBinding Background}" 
        Stroke="{TemplateBinding BorderBrush}" 
        StrokeMiterLimit="1"> 
       <ToolTipService.ToolTip> 
        <StackPanel> 
         <ContentControl Content="{TemplateBinding FormattedIndependentValue}" /> 
         <ContentControl Content="{TemplateBinding FormattedDependentValue}" /> 
         <ContentControl Content="{TemplateBinding FormattedRatio}" /> 
        </StackPanel> 
       </ToolTipService.ToolTip> 
       </Path> 
       <Path x:Name="SelectionHighlight" Data="{TemplateBinding GeometrySelection}" Fill="Red" StrokeMiterLimit="1" IsHitTestVisible="False" Opacity="0" /> 
       <Path x:Name="MouseOverHighlight" Data="{TemplateBinding GeometryHighlight}" Fill="White" StrokeMiterLimit="1" IsHitTestVisible="False" Opacity="0" /> 
      </Grid> 
     </ControlTemplate> 
    </Setter.Value> 
    </Setter> 
</Style> 

然后，我使用它为图表定义调色板。

<datavis:ResourceDictionaryCollection x:Key="ChartPallete"> 
    <!-- blue --> 
    <ResourceDictionary> 
    <Style x:Key="DataPointStyle" TargetType="charting:PieDataPoint" BasedOn="{StaticResource PieDataPointStyle}"> 
     <Setter Property="Background" Value="#007d9d"/> 
    </Style> 
    </ResourceDictionary> 
    <!-- green --> 
    <ResourceDictionary> 
    <Style x:Key="DataPointStyle" TargetType="charting:PieDataPoint" BasedOn="{StaticResource PieDataPointStyle}"> 
     <Setter Property="Background" Value="#8fcd3e"/> 
    </Style> 
    </ResourceDictionary> 
    <!-- more resource dictionaries to a total of 15 --> 
<datavis:ResourceDictionaryCollection x:Key="ChartPalette"> 

这个调色板我设置为PieSeries。

var series = new PieSeries(); 
series.Palette = Resources["ChartPalette"] as ResourceDictionaryCollection; 

从调色板中的颜色被正确用于该切片，工具提示正确地显示，但是当我鼠标悬停或点击数据点（切片）的视觉状态不改变。没有任何故事板被执行。

任何想法我做错了什么？

注（精明的读者）：除了提示我也改变了Grid（在Root元素）的不透明度为1，因为自从可视状态不更改设置故事板Opacity 1不执行和切片将完全不透明。

Answer 1

这是Toolkit v3.5的一些奇怪和未知的错误，保留在官方版本中。

但是，您可以下载WPF4的Toolkit图表的开发人员版本，这里是the blog post和the direct link to the zip-archive（\Binaries\WPF4\）。如果链接将来停止工作，我可以将此文件上载到其他地方。

然后你的例子将工作。而且图表系列应该有IsSelectionEnabled="True"，但我想你已经做到了。

Answer 2

我有同样的问题，但以不同的方式解决。 VisualStateManager在两个程序集中定义：一个来自.NET Framework，另一个来自WPF工具箱。事实上，覆盖数据点样式时通常会出现这种警告。

解决方案是使用WPF工具包中的VisualStateManager。要做到这一点，导入该命名空间的xmlns：

xmlns:vsm="clr-namespace:System.Windows;assembly=WPFToolkit" 

然后，定义数据点的风格时做参考这个命名空间：

<Style x:Key="CustomPieDataPointStyle" 
      BasedOn="{StaticResource {x:Type chartingToolkit:PieDataPoint}}" 
      TargetType="chartingToolkit:PieDataPoint"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="chartingToolkit:PieDataPoint"> 
        <Grid x:Name="Root" Opacity="0"> 
         <vsm:VisualStateManager.VisualStateGroups> 
          <vsm:VisualStateGroup x:Name="CommonStates"> 
           <vsm:VisualStateGroup.Transitions> 
            <vsm:VisualTransition GeneratedDuration="0:0:0.1" /> 
           </vsm:VisualStateGroup.Transitions> 
           <vsm:VisualState x:Name="Normal" /> 
           <vsm:VisualState x:Name="MouseOver"> 
            <Storyboard> 
             <DoubleAnimation Storyboard.TargetName="MouseOverHighlight" Storyboard.TargetProperty="Opacity" To="0.6" Duration="0" /> 
            </Storyboard> 
           </vsm:VisualState> 
          </vsm:VisualStateGroup> 

这为我工作。