缩放轴标题以适应可用空间

Question

我的Visiblox图表会缩小以适应可用空间，有时轴标题会缩小得太大而被切断。所以我想我只需为LinearAxis创建一个新的ControlTemplate，使用Blend的模板启动代码。

我在AxisLabel文本块周围添加了一个ViewBox，但它不能正常工作。对于网格行和列，您必须做一些有趣的事情，因为代码需要足够通用才能在水平或垂直轴上工作。经过大量的尝试和错误，加上一些外部支持，我有了一个可以缩小Axis Title以适应可用空间的工作模板。

Answer 1

<ControlTemplate TargetType="{x:Type charts:LinearAxis}" x:Key="LinearAxisTemplate">
    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
        <Grid x:Name="LayoutRoot" Background="{TemplateBinding Background}">
            <Grid x:Name="LabelsContainer"/>
            <Canvas x:Name="BehaviourCanvas"/>
            <Viewbox Stretch="Uniform" StretchDirection="DownOnly" 
                         Grid.Row="{Binding (Grid.Row), ElementName=AxisLabelContainer}" 
                         Grid.Column="{Binding (Grid.Column), ElementName=AxisLabelContainer}">
                <Visiblox_Charts_Primitives:TransposePanel x:Name="AxisLabelContainer">
                    <TextBlock x:Name="AxisLabel" Style="{TemplateBinding TitleStyle}" Text="{TemplateBinding Title}" />
                </Visiblox_Charts_Primitives:TransposePanel>
            </Viewbox>
            <Line x:Name="AxisLine" Style="{TemplateBinding AxisLineStyle}" Stretch="Fill"/>
        </Grid>
    </Border>
</ControlTemplate>

只需将此模板应用于任何图表中的任何线性轴，标题将缩小以适应。您可以很容易地将其调整为任何类型的轴。

(XAxis as LinearAxis).Template = MyChart.FindResource("LinearAxisTemplate") as System.Windows.Controls.ControlTemplate;