WPF 柱状图纵轴精度可调

来源：互联网发布：企业网络概述编辑：程序博客网时间：2024/04/30 03:15

直接介绍柱状图纵轴精度可调，不在介绍柱状图的绘制

博主用的是telerik ui for wpf

其实都是一样

先设计一下柱状图浮动显示标签TooltipTemplate，有利于以后的测试

<telerik:RadCartesianChart.TooltipTemplate>                    <DataTemplate>                        <Grid>                            <Path Data="M-1236,-441 L-1180,-441 -1180,-424 -1228,-424 -1230.5,-420 -1233,-424 -1236,-424 z"                                  Stretch="Fill" Fill="White" Stroke="Gray" StrokeThickness="1" />                            <TextBlock Text="{Binding Value, StringFormat=\{0:N\}}" Margin="4,3,4,9" FontFamily="Segoe UI" />                        </Grid>                    </DataTemplate>                </telerik:RadCartesianChart.TooltipTemplate>

上面的xaml代码是标明当鼠标移到柱子上，进行显示当前的柱子的数值。datatemplate则是设计输出的格式，这里就简单的输出数值加上一个框框的设计。效果如图

下面是重头戏：柱状图纵轴精度可调

结合代码来讲解

<chart:RadCartesianChart.VerticalAxis>                    <chartView:LinearAxis FontFamily="Segoe UI"      FontSize="12"      Title="{Binding AxisTitle}" LabelOffset="0"                                                                                     MajorStep="{Binding AxisMajorStep}"                                          Maximum="{Binding AxisMaxValue}"                                                                   />                    <!--Minimum="{Binding AxisMinValue}"      Maximum= "{Binding AxisMaxValue}"-->                </chart:RadCartesianChart.VerticalAxis>

VerticalAxis就是纵轴，而在其中定义了LinearAxis（线性轴），因为这是二维坐标轴而已，所以选中线性轴。接下来就是先行周LinearAxis的属性设计实现精度可调。

Font~~：都是设计字体的相关属性

Title：线性轴的名字

MajorStep：就是精度啦，它的值与AxisMajorStep相绑定，上图此时对应的数值就是1

Maximum：纵轴最大值，上图此时对应的数值为6

两个属性相结合，就可以实现纵轴精度可调

将绑定值绑定到别的控件上如TextBox，就在界面上可调

上面两个相对应

下面修改步长

1 0