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

 

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