圖表顯示屬性
點(diǎn)擊立即下載最新版TeeChart for .NET
加入官方社群740060302，歡迎相互交流
圖表顯示功能是指那些影響圖表整體外觀的功能。它們包括定義圖表背景顏色、標(biāo)題及其位置、邊距、邊框和斜面、背景圖像、框架和Legend、Panel顏色和寬度、Walls、3D等的屬性和方法。
幾乎所有這些屬性都可以在設(shè)計(jì)或運(yùn)行時(shí)通過TeeChart編輯器獲得，您可以在運(yùn)行時(shí)以編程方式修改這些屬性。整體圖表外觀屬性分為以下幾類:
- General
- Axis
- Titles
- Legend
- Panel
- Paging
- Walls
- 3D
如果您打開圖表編輯器并瀏覽圖表頁面，您將發(fā)現(xiàn)這些分組。其他屬性會(huì)影響圖表的“外觀”。這些包括系列顏色和標(biāo)記特征，單個(gè)軸和網(wǎng)格顯示屬性和標(biāo)簽。這些將在以后的教程中專門討論這些特性的專業(yè)作用。
開始使用圖表顯示屬性
將新圖表添加到表單中，您將看到它以3D形式顯示，具有灰色面板背景，2面墻(底部和左側(cè))，框架(定義圖表可繪圖區(qū)域的框架)和默認(rèn)圖表標(biāo)題標(biāo)題“TeeChart”。
右鍵單擊圖表并選擇“編輯…”，以進(jìn)入TeeChart編輯器。第一頁是系列頁面，它是空的，我們對(duì)本教程不感興趣。選擇第三個(gè)圖表選項(xiàng)卡“常規(guī)”以訪問常規(guī)圖表屬性頁。
General圖表屬性
General選項(xiàng)包括以下3個(gè)部分:
- Zoom
- Scroll
- Cursor
Zoom和Scroll將在后面的教程中涉及。
Axis屬性
Axes的控制是一個(gè)非常復(fù)雜的專業(yè)領(lǐng)域，在后面的教程中會(huì)更深入地討論。在這里，我們將介紹軸和框架顯示的基礎(chǔ)知識(shí)。
第二個(gè)Chart頁面包含用于定義軸和框架特征的屬性。
圖表中有6個(gè)主要的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è)和底部)。自定義軸可以通過使用對(duì)話框上的+和-鍵來添加/刪除。要使自定義軸(與任何其他軸一樣)可見，必須將系列與軸相關(guān)聯(lián)。有關(guān)自定義軸的更多信息，請(qǐng)參閱軸教程。
能夠顯示axes和 frame的關(guān)鍵屬性是:
Visible
此復(fù)選框啟用或禁用所有軸的顯示。如果后墻框架可見，那么當(dāng)軸被隱藏時(shí)，圖表環(huán)繞仍然可見。結(jié)果將出現(xiàn)一個(gè)更大的圖表，因?yàn)闆]有為軸標(biāo)簽保留區(qū)域。每個(gè)軸的可見屬性(Scales選項(xiàng)卡)覆蓋每個(gè)軸的可見特性。如果您在列表中選擇深度軸，那么您將注意到深度軸縮放?？梢娔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屬性是一個(gè)標(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是指頁眉(或頁腳)相對(duì)于圖表區(qū)域的對(duì)齊，而不是整個(gè)圖表面板的對(duì)齊。圖表區(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è)置一個(gè)自定義位置(相對(duì)于圖表頂部左側(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按鈕將授予訪問字體對(duì)話框窗口，該窗口允許選擇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)容是一個(gè)專門的主題，將在后面的教程中處理。在圖圖編輯器的圖例頁面中，您可以定義圖例的外觀方面。重要的初始步驟是控制圖例對(duì)齊和可見屬性，顏色，字體，框架，陰影等。
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)行為。請(qǐng)參閱Legend教程了解更多關(guān)于Legend的自定義定位。
例如ResizeChart
調(diào)整圖表大小定義圖表在繪制圖例時(shí)是否為圖例留出空間。這允許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 符號(hào)的大小和格式。
%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的屬性，所以我們不會(huì)在這里介紹所有的屬性。Panel屬性和方法可以通過Panel接口訪問:
主要領(lǐng)域有:
Borders
您可以單獨(dú)定義Border，也可以與Bevel屬性一起定義Border?；旌闲苯呛瓦吔绾筒倏v寬度幾乎可以提供任何3D效果的組合。
例如:Bevel Inner/Bevel Outer/Border Width
這些屬性將在圖表面板的邊框上產(chǎn)生各種3D效果。在設(shè)計(jì)時(shí)修改它們，以查看它們?nèi)绾斡绊憟D表邊框斜度。
Background
例如Panel Color
Panel顏色將用所選顏色繪制整個(gè)圖表背景。如果你選擇查看背景漸變或圖像，它們將隱藏Panel顏色。如果您設(shè)置了背景顏色，它將只替換圖表框架內(nèi)的面板顏色。
例如BackImage
您可以選擇任何位圖文件作為背景圖像。使用Hatch Brush編輯器(從Pattern按鈕)，有五種不同的Wrap模式供BackImage選擇。
運(yùn)行:
使用ChartBrush。在運(yùn)行時(shí)為圖表添加背景圖像。
[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
定義為圖表邊框和圖框之間的距離，并以圖表面板整體尺寸的百分比表示。
移動(dòng)圖表編輯器邊距框中的旋轉(zhuǎn)框?qū)⒃谠O(shè)計(jì)時(shí)顯示更改每個(gè)邊距的效果。
運(yùn)行時(shí)屬性是:
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將覆蓋整個(gè)圖表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)，并允許對(duì)圖表進(jìn)行翻閱。有關(guān)更多信息，請(qǐng)參閱 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對(duì)象可用的相同的Pen。
visible屬性啟用/禁用邊框的顯示。在BackWall的情況下，軸是可見的，Wall Border將隱藏在這些軸的后面，所以你只能看到啟用/禁用邊界的結(jié)果，如果你隱藏了一些或所有的軸(例如，使軸的頂部和右側(cè)不可見，以看到改變墻邊界顏色的結(jié)果，即TChart1.Walls.Back.Pen。Color = Color. blue)。
有關(guān)邊界筆的其他特性，請(qǐng)參閱ChartPen。您可以在設(shè)計(jì)時(shí)更改這些屬性。
Pattern
Pattern按鈕將帶您到Walls類的ChartBrush定義。這是相同的刷可用于許多其他TeeChart對(duì)象。
Gradient
Gradient按鈕將帶您到漸變編輯器，使您能夠?yàn)樗x的wall選擇漸變。
3D
3D在TeeChart Pro中是非常靈活的。現(xiàn)在，您可以選擇將圖表顯示為:
- 2D平面圖表，正面視角
- 3D Orthogonal,3D由矢量線表示，以表示深度
- 3D Native Windows， 3D使用具有180度圖表旋轉(zhuǎn)的3D畫布
3 Dimensions
選擇此屬性(toggling)將在設(shè)計(jì)時(shí)將圖表從3D更改為2D圖表，并且該設(shè)置將在運(yùn)行時(shí)生效。
3D %
控制3D效果的深度。更改此屬性的值將在設(shè)計(jì)時(shí)顯示更改3D百分比的效果。
這些屬性的一個(gè)應(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)時(shí)，啟用Windows Native 3D模式，能夠使您旋轉(zhuǎn)，增加和偏移圖表。Zoom選項(xiàng)允許您向前或向后移動(dòng)整個(gè)圖表。在運(yùn)行時(shí)，數(shù)據(jù)系列圖表內(nèi)部的Zoom仍然可用。
Perspective屬性允許您設(shè)置距離透視圖，就像查看房間一樣。透視圖為用于演示目的的圖表提供了視覺增強(qiáng)。有關(guān)3D選項(xiàng)的進(jìn)一步參考，請(qǐng)參閱教程 -Chart 3D。
QQ交談
在線咨詢
渝公網(wǎng)安備
50010702500608號(hào)
客服熱線