Visfire 使用详解之 Axis

转至：http://www.cnblogs.com/forgetu/archive/2010/06/26/visifire-axis.html

最近在做一个电气参数的可视化展示，找到了Visfire 这个链接库，才开始显示没有对y轴做限定，使用的默认的样式，即y轴会根据上传来的数据的最大值进行y轴的上限的调整，后来项目需要设定个最大值，这样假如上一组数据和这一组数据差别很大的话，在同一个大小的界面上可以有很明显的视觉落差，下面是上面那位博主大神总结的坐标轴的一些显示，解决了我的问题。

下面是转至她的博客园的博客

在上一篇随笔中介绍了 AxisLabels （坐标轴文本） 的设置，这篇中简单介绍一下 Axis （坐标轴）的主要的几个属性的设置。

废话少说，主要的几个属性及属性的设置和意思请看下面的示例代码和注释：

Chart chart = new Chart
{
    Width = 500,
    Height = 300,
    View3D = true,
    Bevel = true
};
chart.Titles.Add(new Title
{
    Text = "坐标轴设置示例"
});
 
Axis xaxis = new Axis();
// 设置坐标轴的背景色
xaxis.Background = new SolidColorBrush(Colors.Gray);
// 设置坐标轴上两点间的距离，这个属性不能和ScrollBarScale属性同时设置
xaxis.ClosestPlotDistance = 2;
// 启用或禁用坐标轴
xaxis.Enabled = true;
// 坐标轴的最小值是否从0开始
xaxis.StartFromZero = true;
// 坐标轴上两点间所表示的值的间隔
xaxis.Interval = 2;
// 坐标轴上两点间所表示的值的间隔的类型，数字或时间
xaxis.IntervalType = IntervalTypes.Number;
// 坐标轴线的样式
xaxis.LineStyle = LineStyles.Dashed;
// 附加到坐标轴文本上的前缀
xaxis.Prefix = "$";
// 附加到坐标轴文本上的后缀
xaxis.Suffix = "*";
             
chart.AxesX.Add(xaxis);
 
Axis yaxis = new Axis();
// 是否启用
yaxis.Enabled = true;
// 前缀
yaxis.Prefix = "$";
// 后缀
yaxis.Suffix = "*";
// 坐标轴文本的格式化字符串，可以是任何有效的数字或时间格式化字符串
yaxis.ValueFormatString = "#0,0#";
// 坐标轴类型，可以是primary或secondary，这个属性只能用于Y轴，只有在设置了DataSeries的AxisYType属性后才会启用
yaxis.AxisType = AxisTypes.Secondary;
 
chart.AxesY.Add(yaxis);
 
DataSeries series = new DataSeries();
// 设置坐标轴的类型为 secondary
series.AxisYType = AxisTypes.Secondary;
             
series.RenderAs = RenderAs.Column;
 
series.DataPoints.Add(new DataPoint
{
    YValue = random.Next(1000, 50000),
    XValue = 3
});
series.DataPoints.Add(new DataPoint
{
    YValue = random.Next(1000, 50000),
    XValue = 4
});
series.DataPoints.Add(new DataPoint
{
    YValue = random.Next(1000, 50000),
    XValue = 6
});
series.DataPoints.Add(new DataPoint
{
    YValue = random.Next(1000, 50000),
    XValue = 7
});
 
chart.Series.Add(series);

下面是使用 Xaml 设置的代码

<vc:Chart Grid.Column="0" View3D="True" Bevel="True" Width="500" Height="300">
            <vc:Chart.Titles>
                <vc:Title Text="坐标轴设置示例" />
            </vc:Chart.Titles>
            <vc:Chart.AxesX>
                <vc:Axis Enabled="True" StartFromZero="True" Interval="1" IntervalType="Number" LineStyle="Dashed" Prefix="$" Suffix="*" />
            </vc:Chart.AxesX>
            <vc:Chart.AxesY>
                <vc:Axis Enabled="True" Prefix="$" Suffix="*" ValueFormatString="#0,0#" />
            </vc:Chart.AxesY>
            <vc:Chart.Series>
                <vc:DataSeries>
                    <vc:DataSeries.DataPoints>
                        <vc:DataPoint YValue="43000" />
                        <vc:DataPoint YValue="32000" />
                        <vc:DataPoint YValue="28000" />
                        <vc:DataPoint YValue="40000" />
                    </vc:DataSeries.DataPoints>
                </vc:DataSeries>
            </vc:Chart.Series>
        </vc:Chart>

示例代码下载：AxisDemo.zip  或 http://zdd.me/myfiles

 

为了你的幸福，我一直在努力！