由於最近做了一些統計的圖表分析,須使用到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"三種樣式可選。
未完待續...