Silverlight 工具包图表：将超链接分配给轴

Question

我有一个简单的 Silverlight Toolkit 图表，它绑定到以下类型的集合：

public class ChartItemClass
{
    public string Name { get; set; }
    public double Value { get; set; }
    public string Url { get; set; }
}

我可以获得一个图表来正确显示名称（X 轴）和值（Y 轴），但我想要 X 上的标签-axis 是 Url 属性的 HyperlinkBut​​tons。 X 轴标签应该类似于以下内容：

<HyperlinkButton Content="*Name Property Here*" NavigateUri="*Url Property Here*" TargetName="_blank"></HyperlinkButton>

我找到了一个示例，它允许我为 X 轴设置 AxisLabelStyle，因此标签现在是 HyperlinkBut​​ton。问题是我无法将 Url 属性分配/绑定为 NavigateUri。有什么想法吗？

Answer 1

首先我将发布完整的代码，然后是解释。

   <UserControl.Resources>
    <Style x:Key="hyperlinkStyle" TargetType="charting:AxisLabel">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="charting:AxisLabel">
                    <HyperlinkButton Content="{Binding Name}" NavigateUri="{Binding Url}" TargetName="_blank"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>

<charting:Chart>
    <charting:Chart.Series>
        <charting:ColumnSeries ItemsSource="{Binding Items}" DependentValueBinding="{Binding Value}" IndependentValueBinding="{Binding}">
            <charting:ColumnSeries.IndependentAxis>
                <charting:CategoryAxis Orientation="X" AxisLabelStyle="{StaticResource hyperlinkStyle}" />
            </charting:ColumnSeries.IndependentAxis>
        </charting:ColumnSeries>
    </charting:Chart.Series>
</charting:Chart>

诀窍在于这一行：

IndependentValueBinding="{Binding}"

使用此绑定，您可以将整个对象传递到独立轴，而不仅仅是一个属性。
之后，您可以在标签的控件模板中获取绑定对象的属性：

Content="{Binding Name}" NavigateUri="{Binding Url}"

Binding 关键字而不是 TemplateBinding 看起来很奇怪，但它是允许的并且有效。
还有一点需要注意：Url 属性必须包含 http 前缀。它不适用于 www。