Silverlight：在图表列上方添加按钮

Question

我想在 Silverlight Toolkit 的图表的所有列上方添加一个按钮。

同图：

我为 DataPointStyle 添加样式：

<Style x:Key="ColorByGradeColumn" TargetType="toolkit:ColumnDataPoint">
    <Setter Property="Background" Value="DarkGray"/>
    <Setter Property="Template">
        <Setter.Value>

             <ControlTemplate TargetType="toolkit:ColumnDataPoint">
                  <Border
                      MouseEnter="Border_MouseEnter"
                      MouseLeave="Border_MouseLeave"
                      Background="{Binding Legend.Color,
                          Converter={StaticResource stringToSolidColorBrushConverter}}"
                      BorderThickness="0.5"
                      Tag="{Binding Legend}"
                      MouseLeftButtonUp="Col_MouseLeftButtonUp">

                  </Border>   
            </ControlTemplate>
       </Setter.Value>
   </Setter>
</Style>

但我不知道应该在哪里添加按钮。

Answer 1

您可以将任何需要的内容添加到 ControlTemplate。

在您的情况下，这意味着您必须添加一个 Panel（例如 Grid）来排列按钮和栏：

<ControlTemplate TargetType="toolkit:ColumnDataPoint">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Button Grid.Row="0" ... />
        <Border Grid.Row="1" ... />
    </Grid>
</ControlTemplate>

Silverlight：在图表列上方添加按钮

Silverlight: Add Button Above a Column of Chart

silverlight

charts

silverlight-toolkit

column-chart