DevExpress ChartControl X轴刻度Lable 45度角

最新推荐文章于 2025-07-10 22:30:12 发布

转载最新推荐文章于 2025-07-10 22:30:12 发布 · 2.9k 阅读

WPF 同时被 3 个专栏收录

16 篇文章

订阅专栏

Silverlight

16 篇文章

订阅专栏

DevExpress

8 篇文章

订阅专栏

本文详细解析了复杂图表控件中轴标签的配置过程，包括元素模板、轴标签样式、文本呈现和旋转等关键配置项，旨在帮助开发者更深入地理解并灵活运用图表控件。

<dxc:ChartControlHorizontalAlignment="Left"Name="chart"Grid.Row="0"VerticalAlignment="Top">
    <dxc:ChartControl.Diagram>
        <dxc:XYDiagram2D>
            <dxc:XYDiagram2D.AxisX>
                <dxc:AxisX2D>
                    <dxc:AxisX2D.Label>
                        <dxc:AxisLabel>
 
                            <dxc:AxisLabel.ElementTemplate>
                                <DataTemplate>
                                    <BorderPadding="{Binding
 Path=Label.Padding}"
                                            Background="{Binding Path=Label.Background}"
                                            BorderBrush="{Binding Path=Label.BorderBrush}"
                                            BorderThickness="{Binding Path=Label.BorderThickness}">
 
                                      <!--Silvelright版本的图表控件 可能是 {Binding Content}-->
                                        <ContentPresenterContent="{Binding
 Path=Text}" 
                                                          RenderTransformOrigin="0.5,0.5">
                                            <ContentPresenter.RenderTransform>
                                                <RotateTransformAngle="45"/>
                                            </ContentPresenter.RenderTransform>
                                        </ContentPresenter>
 
                                    </Border>
                                </DataTemplate>
                            </dxc:AxisLabel.ElementTemplate>
 
                        </dxc:AxisLabel>
                    </dxc:AxisX2D.Label>
                </dxc:AxisX2D>
            </dxc:XYDiagram2D.AxisX>
            <dxc:XYDiagram2D.Series>
                <dxc:BarSideBySideSeries2D>
                    <dxc:BarSideBySideSeries2D.Points>
                        <dxc:SeriesPointArgument="A"Value="6"/>
                        <dxc:SeriesPointArgument="B"Value="12"/>
                        <dxc:SeriesPointArgument="C"Value="56"/>
                        <dxc:SeriesPointArgument="D"Value="80"/>
                        <dxc:SeriesPointArgument="E"Value="6"/>
                    </dxc:BarSideBySideSeries2D.Points>
                </dxc:BarSideBySideSeries2D>
            </dxc:XYDiagram2D.Series>
        </dxc:XYDiagram2D>
    </dxc:ChartControl.Diagram>
</dxc:ChartControl>