[RadControl] RadCartesianChart-功能強大圖表控件

由於最近做了一些統計的圖表分析，須使用到RadCartesianChart控件，因此就在這分享給大家順便為自己學習紀錄一下。

在介紹RadCartesianChart控件前，先看一下我所使用的到的功能，更多的功能官網有更多的介紹在這裡就不贅述了。

 

1.座標軸設定

2.格線

3.長條圖與折線圖

4.DataBinding

5.ToolTip

 

以下就針對我熟悉的功能做介紹

1.座標軸與格線設定

            <telerik:RadCartesianChart>
                
                <telerik:RadCartesianChart.HorizontalAxis >
                    <telerik:DateTimeCategoricalAxis 
                        LabelFitMode="Rotate" 
                        LabelFormat="HH:mm"   
                        LabelInterval="3" />
                </telerik:RadCartesianChart.HorizontalAxis>
                
                <telerik:RadCartesianChart.VerticalAxis >
                    <telerik:LinearAxis   />
                </telerik:RadCartesianChart.VerticalAxis>

        </telerik:RadCartesianChart>

在<telerik:RadCartesianChart.HorizontalAxis>與<telerik:RadCartesianChart.VerticalAxis >

內主要在設定X軸與Y軸的座標屬性，並有有多種格式可選擇，其中，

DateTimeCategoricalAxis 為DateTime屬性。

DateTimeContinuousAxis這個還沒使用過，照字面上解釋應該是為連續的DateTime屬性。

LinearAxis為數值屬性。

LogarithmicAxis為對數座標屬性。

另外，

LabelFitMode, LabelFormat與LabelInterval均是控制座標軸顯示的方式，

LabelFitMode有幾個類型可調整，其不同處分別如下，　

　MultiLine　　

　

　Rotate

　

　None

   

LabelFormaty就不多做說明了。

 

比較值得說明的是LabelInterval與MajorTickInterval，

預設

 LabelInterval="5"

 

 MajorTickInterval="5"

發現了嗎??LabelIntervl僅控制座標軸區間字串的顯示，而MajorTickInterval則控制座標軸區間的顯示，仔細觀察上面3張圖片格線的變化，就可以知道它們的不同之處。

另外，可透過以下的Xmal控制格線的顯示的方式

            <telerik:RadCartesianChart.Grid>
                <telerik:CartesianChartGrid MajorLinesVisibility="XY" />
            </telerik:RadCartesianChart.Grid>

 

 MajorLinesVisibility="XY"表示同時顯示X與Y軸的格線，其他還有"X", "Y", "None"三種樣式可選。

 

未完待續...