圖表顯示屬性
點(diǎn)擊立即下載最新版TeeChart for .NET
加入官方社群740060302,歡迎相互交流
圖表顯示功能是指那些影響圖表整體外觀的功能。它們包括定義圖表背景顏色、標(biāo)題及其位置、邊距、邊框和斜面、背景圖像、框架和Legend、Panel顏色和寬度、Walls、3D等的屬性和方法。
幾乎所有這些屬性都可以在設(shè)計或運(yùn)行時通過TeeChart編輯器獲得,您可以在運(yùn)行時以編程方式修改這些屬性。整體圖表外觀屬性分為以下幾類:
- General
- Axis
- Titles
- Legend
- Panel
- Paging
- Walls
- 3D
如果您打開圖表編輯器并瀏覽圖表頁面,您將發(fā)現(xiàn)這些分組。其他屬性會影響圖表的“外觀”。這些包括系列顏色和標(biāo)記特征,單個軸和網(wǎng)格顯示屬性和標(biāo)簽。這些將在以后的教程中專門討論這些特性的專業(yè)作用。
開始使用圖表顯示屬性
將新圖表添加到表單中,您將看到它以3D形式顯示,具有灰色面板背景,2面墻(底部和左側(cè)),框架(定義圖表可繪圖區(qū)域的框架)和默認(rèn)圖表標(biāo)題標(biāo)題“TeeChart”。
右鍵單擊圖表并選擇“編輯…”,以進(jìn)入TeeChart編輯器。第一頁是系列頁面,它是空的,我們對本教程不感興趣。選擇第三個圖表選項(xiàng)卡“常規(guī)”以訪問常規(guī)圖表屬性頁。
General圖表屬性
General選項(xiàng)包括以下3個部分:
- Zoom
- Scroll
- Cursor
Zoom和Scroll將在后面的教程中涉及。
Axis屬性
Axes的控制是一個非常復(fù)雜的專業(yè)領(lǐng)域,在后面的教程中會更深入地討論。在這里,我們將介紹軸和框架顯示的基礎(chǔ)知識。
第二個Chart頁面包含用于定義軸和框架特征的屬性。
圖表中有6個主要的Axis。Left, Right, Top, Bottom and Depth Visible。表框架顯示為圖表可繪圖區(qū)域的環(huán)繞,沒有相應(yīng)的數(shù)據(jù)特征(參見后壁)。默認(rèn)情況下,Depth初始化為不可見。從將序列添加到圖表并與這些軸相關(guān)聯(lián)的那一刻起,所有其他軸都是可見的(默認(rèn)為左側(cè)和底部)。自定義軸可以通過使用對話框上的+和-鍵來添加/刪除。要使自定義軸(與任何其他軸一樣)可見,必須將系列與軸相關(guān)聯(lián)。有關(guān)自定義軸的更多信息,請參閱軸教程。
能夠顯示axes和 frame的關(guān)鍵屬性是:
Visible
此復(fù)選框啟用或禁用所有軸的顯示。如果后墻框架可見,那么當(dāng)軸被隱藏時,圖表環(huán)繞仍然可見。結(jié)果將出現(xiàn)一個更大的圖表,因?yàn)闆]有為軸標(biāo)簽保留區(qū)域。每個軸的可見屬性(Scales選項(xiàng)卡)覆蓋每個軸的可見特性。如果您在列表中選擇深度軸,那么您將注意到深度軸縮放??梢娔J(rèn)為“not visible”。
[C#.Net] tChart1.Axes.Left.Visible = true; [VB.Net] TChart1.Axes.Left.Visible = True
Axis: Left, Right, Top, Bottom and Depth Visible
選擇您希望在列表框中顯示或隱藏的axis,并切換Scales選項(xiàng)卡上的Visible復(fù)選框,以控制該特定軸的顯示。
[C#.Net] tChart1.Axes.Left.Visible = true; [VB.Net] TChart1.Axes.Left.Visible = True
Titles屬性
圖表編輯器的標(biāo)題頁控制圖表標(biāo)題、頁眉和頁腳的特征。
Text
使用下拉組合框選擇Title (Header), SubTitle, Foot or SubFoot。在“文本框”中輸入所需的文本。你可以輸入多行標(biāo)題。
運(yùn)行:
Header類的Text屬性是一個標(biāo)準(zhǔn)的 .Net String類,可以這樣修改,例如:
[C#.Net] tChart1.Header.Text = "My Header Text"; [VB.Net] TChart1.Header.Text = "My Header Text"
Style Alignment
Alignment是指頁眉(或頁腳)相對于圖表區(qū)域的對齊,而不是整個圖表面板的對齊。圖表區(qū)域是圖表加上軸標(biāo)簽和圖例的可繪圖區(qū)域。
運(yùn)行:
[C#.Net] tChart1.Header.Alignment = StringAlignment.Far; [VB.Net] TChart1.Header.Alignment = StringAlignment.Far
Position
使用“Position”覆蓋“Title”或“Footer”的默認(rèn)位置,并設(shè)置一個自定義位置(相對于圖表頂部左側(cè)的像素)。
[C#.Net] tChart1.Header.CustomPosition = true; tChart1.Header.Top = tChart1.Header.Top + 10; [VB.Net] TChart1.Header.CustomPosition = True TChart1.Header.Top = TChart1.Header.Top + 10
Format
Format包含標(biāo)題框的設(shè)置,例如:框的顏色,框周圍框架的鋼筆屬性,框的筆刷屬性[Pattern]等。
例如Pattern。Pattern指的是標(biāo)題框或頁腳框的背景圖案[solid, hatch, gradient or image]。
默認(rèn)值是Transparent,這意味著在選中Transparent復(fù)選框之前,標(biāo)題框是不可見的。
運(yùn)行:
[C#.Net] tChart1.Header.Transparent = false; tChart1.Header.Brush.Style = System.Drawing.Drawing2D.HatchStyle.Cross; [VB.Net] TChart1.Header.Transparent = False TChart1.Header.Brush.Style = System.Drawing.Drawing2D.HatchStyle.Cross
Text
包含標(biāo)題文本外觀格式特征。例如Font
Font按鈕將授予訪問字體對話框窗口,該窗口允許選擇Windows字體和定義樣式(斜體,粗體等)和顏色。
運(yùn)行:
[C#.Net] tChart1.Header.Font.Name = "Verdana"; tChart1.Header.Font.Bold = true; [VB.Net] TChart1.Header.Font.Name = "Verdana" TChart1.Header.Font.Bold = True
Shadow
Shadow屬性用于顯示頁眉或頁腳框陰影。你可以定義顏色和ChartBrush[solid, hatch, gradient or image].
[C#.Net] tChart1.Header.Shadow.Visible = true; tChart1.Header.Shadow.Color = Color.Chartreuse; [VB.Net] TChart1.Header.Shadow.Visible = True TChart1.Header.Shadow.Color = Color.Chartreuse
Bevels
定義頁眉或頁腳框的Bevels屬性。
Legend屬性
Legend內(nèi)容是一個專門的主題,將在后面的教程中處理。在圖圖編輯器的圖例頁面中,您可以定義圖例的外觀方面。重要的初始步驟是控制圖例對齊和可見屬性,顏色,字體,框架,陰影等。
Style
切換打開/關(guān)閉Legend顯示并設(shè)置圖例顯示內(nèi)容特征(包括復(fù)選框等)。
運(yùn)行:
示例使用復(fù)選框控制Legend顯示:
[C#.Net] private void checkBox1_CheckedChanged(object sender, System.EventArgs e) { if(checkBox1.Checked) {tChart1.Legend.Visible = true;} else {tChart1.Legend.Visible = false;} } [VB.Net] Private Sub CheckBox1_CheckedChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles CheckBox1.CheckedChanged If CheckBox1.Checked Then TChart1.Legend.Visible = True Else TChart1.Legend.Visible = False End If End Sub
%Dividing Lines
用于在圖例項(xiàng)之間的圖例框中繪制線條。ChartPen屬性適用。
[C#.Net] tChart1.Legend.DividingLines.Visible = true; tChart1.Legend.DividingLines.Color = Color.Blue; [VB.Net] TChart1.Legend.DividingLines.Visible = True TChart1.Legend.DividingLines.Color = Color.Blue
Position
設(shè)置Legend的默認(rèn)顯示位置或啟用圖例的自定義定位。TeeChart將改變Legend的形狀以適應(yīng)位置。如果Legend設(shè)置在圖表的一側(cè)(左側(cè)或右側(cè)),則默認(rèn)情況下,Legend的內(nèi)容以從上到下的列表形式顯示。如果Legend位于圖表下方或上方,則內(nèi)容并排放置??梢允褂谩罢{(diào)整圖表大小”選項(xiàng)和/或使用“自定義定位”來覆蓋默認(rèn)行為。請參閱Legend教程了解更多關(guān)于Legend的自定義定位。
例如ResizeChart
調(diào)整圖表大小定義圖表在繪制圖例時是否為圖例留出空間。這允許Legend被放置在圖表區(qū)域內(nèi)。
[C#.Net] tChart1.Legend.ResizeChart = true; [VB.Net] TChart1.Legend.ResizeChart = True
%Top position
定義Legend框從圖表面的頂部開始的位移。
[C#.Net] tChart1.Legend.CustomPosition = true; tChart1.Legend.Top = 5; [VB.Net] TChart1.Legend.CustomPosition = True TChart1.Legend.Top =
Symbols
Legend 符號的大小和格式。
%Color Width
定義Legend中顏色框的寬度。
運(yùn)行:
[C#.Net] tChart1.Legend.Symbol.WidthUnits = LegendSymbolSize.Pixels; tChart1.Legend.Symbol.Width = 30; [VB.Net] TChart1.Legend.Symbol.WidthUnits = Steema.TeeChart.LegendSymbolSize.Pixels TChart1.Legend.Symbol.Width = 30
Format
包含Legend框的設(shè)置,例如顏色,框架(ChartPen屬性),圖案(ChartBrush屬性),以及圓形框架和透明的復(fù)選框。
Text
文字特征為Legend文字內(nèi)容及其陰影。
運(yùn)行:
[C#.Net] private void button1_Click(object sender, System.EventArgs e) { Legend legend1; legend1 = tChart1.Legend; legend1.Color = Color.Blue; legend1.Font.Name = "Times New Roman"; legend1.Font.Color = Color.Yellow; } [VB.Net] Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click With TChart1.Legend .Color = Color.Blue .Font.Name = "Times New Roman" .Font.Color = Color.Yellow End With End Sub
Gradient
在Legend框中啟用/禁用背景漸變,并選擇其方向和顏色。
Shadow
屬性用于顯示Legend框陰影。你可以定義顏色,圖案(ChartBrush)大小和透明度。
運(yùn)行:
[C#.Net] tChart1.Legend.Shadow.Color = Color.Cyan; tChart1.Legend.Shadow.Width = 4; [VB.Net] TChart1.Legend.Shadow.Color = Color.Cyan TChart1.Legend.Shadow.Width = 4
Bevels
inner Bevels和outer bevels顏色和尺寸屬性。
Panel Properties
TeeChart Panel允許您設(shè)置大大增強(qiáng)圖表外觀的參數(shù)。Panel漸變效果在支持真彩色的顯示器上效果最好。
現(xiàn)在你已經(jīng)熟悉了TeeChart的屬性,所以我們不會在這里介紹所有的屬性。Panel屬性和方法可以通過Panel接口訪問:
主要領(lǐng)域有:
Borders
您可以單獨(dú)定義Border,也可以與Bevel屬性一起定義Border?;旌闲苯呛瓦吔绾筒倏v寬度幾乎可以提供任何3D效果的組合。
例如:Bevel Inner/Bevel Outer/Border Width
這些屬性將在圖表面板的邊框上產(chǎn)生各種3D效果。在設(shè)計時修改它們,以查看它們?nèi)绾斡绊憟D表邊框斜度。
Background
例如Panel Color
Panel顏色將用所選顏色繪制整個圖表背景。如果你選擇查看背景漸變或圖像,它們將隱藏Panel顏色。如果您設(shè)置了背景顏色,它將只替換圖表框架內(nèi)的面板顏色。
例如BackImage
您可以選擇任何位圖文件作為背景圖像。使用Hatch Brush編輯器(從Pattern按鈕),有五種不同的Wrap模式供BackImage選擇。
運(yùn)行:
使用ChartBrush。在運(yùn)行時為圖表添加背景圖像。
[C#.Net] tChart1.Panel.Brush.WrapMode = System.Drawing.Drawing2D.WrapMode.TileFlipXY; tChart1.Panel.Brush.LoadImage(@"C:\...\MyImage.jpg"); [VB.Net] TChart1.Panel.Brush.WrapMode = System.Drawing.Drawing2D.WrapMode.TileFlipXY TChart1.Panel.Brush.LoadImage("C:\...\MyImage.jpg")
Margins
定義為圖表邊框和圖框之間的距離,并以圖表面板整體尺寸的百分比表示。
移動圖表編輯器邊距框中的旋轉(zhuǎn)框?qū)⒃谠O(shè)計時顯示更改每個邊距的效果。
運(yùn)行時屬性是:
TChart1.Panel.MarginTop TChart1.Panel.MarginLeft TChart1.Panel.MarginRight TChart1.Panel.MarginBottom
你可以使用HScrollbar來改變這些屬性:
[C#.Net] private void Form1_Load(object sender, System.EventArgs e) { bar1.FillSampleValues(10); hScrollBar1.Value = Convert.ToInt32(tChart1.Panel.MarginLeft); hScrollBar1.Maximum = 80; } private void hScrollBar1_Scroll(object sender, System.Windows.Forms.ScrollEventArgs e) { tChart1.Panel.MarginLeft = Convert.ToDouble(e.NewValue); } [VB.Net] Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Bar1.FillSampleValues(10) HScrollBar1.Value = TChart1.Panel.MarginLeft HScrollBar1.Maximum = 80 End Sub Private Sub HScrollBar1_Scroll(ByVal sender As Object, ByVal e As System.Windows.Forms.ScrollEventArgs) Handles HScrollBar1.Scroll TChart1.Panel.MarginLeft = e.NewValue End Sub
Gradient
要定義Gradient,你必須選擇StartColor和EndColor(加上可選的MidColor),并啟用Gradient可見。Gradient將覆蓋整個圖表Panel。Gradient方向定義了在Start, Mid和EndColor之間顏色變化的方向。
運(yùn)行:
[C#.Net] tChart1.Panel.Gradient.Visible = true; tChart1.Panel.Gradient.StartColor = Color.Red; tChart1.Panel.Gradient.MiddleColor = Color.White; tChart1.Panel.Gradient.EndColor = Color.Blue; tChart1.Panel.Gradient.Direction = System.Drawing.Drawing2D.LinearGradientMode.ForwardDiagonal; [VB.Net] With TChart1.Panel .Gradient.Visible = True .Gradient.StartColor = Color.Red .Gradient.MiddleColor = Color.White .Gradient.EndColor = Color.Blue .Gradient.Direction = System.Drawing.Drawing2D.LinearGradientMode.ForwardDiagonal End With
Shadow
定義圖表panel's shadow的大小、顏色、圖案(ChartBrush)和透明度屬性。
Paging屬性
TeeChart paging允許將圖表分成每頁一定數(shù)量的點(diǎn),并允許對圖表進(jìn)行翻閱。有關(guān)更多信息,請參閱 Paging教程。
Walls 屬性
“圖表編輯器”的“圖表”部分中的此頁將屬性應(yīng)用于Chart Walls。有4種Walls:Left, Right, Bottom and Back,可以用2D或3D表示。
Walls 屬性可以通過TChart1. Walls property訪問。
Color
Color按鈕將帶您到顏色編輯器,使您能夠?yàn)樗x墻壁選擇顏色。
Border
Border按鈕將帶您到Walls類的ChartPen定義。這是許多其他TeeChart對象可用的相同的Pen。
visible屬性啟用/禁用邊框的顯示。在BackWall的情況下,軸是可見的,Wall Border將隱藏在這些軸的后面,所以你只能看到啟用/禁用邊界的結(jié)果,如果你隱藏了一些或所有的軸(例如,使軸的頂部和右側(cè)不可見,以看到改變墻邊界顏色的結(jié)果,即TChart1.Walls.Back.Pen。Color = Color. blue)。
有關(guān)邊界筆的其他特性,請參閱ChartPen。您可以在設(shè)計時更改這些屬性。
Pattern
Pattern按鈕將帶您到Walls類的ChartBrush定義。這是相同的刷可用于許多其他TeeChart對象。
Gradient
Gradient按鈕將帶您到漸變編輯器,使您能夠?yàn)樗x的wall選擇漸變。
3D
3D在TeeChart Pro中是非常靈活的?,F(xiàn)在,您可以選擇將圖表顯示為:
- 2D平面圖表,正面視角
- 3D Orthogonal,3D由矢量線表示,以表示深度
- 3D Native Windows, 3D使用具有180度圖表旋轉(zhuǎn)的3D畫布
3 Dimensions
選擇此屬性(toggling)將在設(shè)計時將圖表從3D更改為2D圖表,并且該設(shè)置將在運(yùn)行時生效。
3D %
控制3D效果的深度。更改此屬性的值將在設(shè)計時顯示更改3D百分比的效果。
這些屬性的一個應(yīng)用示例使用了CheckBox和Horizontal ScrollBar:
[C#.Net] private void checkBox1_CheckedChanged(object sender, System.EventArgs e) { if(checkBox1.Checked) { tChart1.Aspect.View3D = true; hScrollBar1.Enabled = true; } else { tChart1.Aspect.View3D = false; hScrollBar1.Enabled = false; } } private void hScrollBar1_Scroll(object sender, System.Windows.Forms.ScrollEventArgs e) { tChart1.Aspect.Chart3DPercent = e.NewValue; } [VB.Net] Private Sub CheckBox1_CheckedChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles CheckBox1.CheckedChanged If CheckBox1.Checked Then TChart1.Aspect.View3D = True HScrollBar1.Enabled = True Else TChart1.Aspect.View3D = False HScrollBar1.Enabled = False End If End Sub Private Sub HScrollBar1_Scroll(ByVal sender As Object, ByVal e As System.Windows.Forms.ScrollEventArgs) Handles HScrollBar1.Scroll TChart1.Aspect.Chart3DPercent = e.NewValue End Sub
當(dāng)禁用Orthogonal選項(xiàng)時,啟用Windows Native 3D模式,能夠使您旋轉(zhuǎn),增加和偏移圖表。Zoom選項(xiàng)允許您向前或向后移動整個圖表。在運(yùn)行時,數(shù)據(jù)系列圖表內(nèi)部的Zoom仍然可用。
Perspective屬性允許您設(shè)置距離透視圖,就像查看房間一樣。透視圖為用于演示目的的圖表提供了視覺增強(qiáng)。有關(guān)3D選項(xiàng)的進(jìn)一步參考,請參閱教程 -Chart 3D。