圖表顯示屬性
加入官方社群740060302，歡迎相互交流
圖表顯示功能是指那些影響圖表整體外觀的功能。它們包括定義圖表背景顏色、標題及其位置、邊距、邊框和斜面、背景圖像、框架和Legend、Panel顏色和寬度、Walls、3D等的屬性和方法。
幾乎所有這些屬性都可以在設計或運行時通過TeeChart編輯器獲得，您可以在運行時以編程方式修改這些屬性。整體圖表外觀屬性分為以下幾類:
- General
- Axis
- Titles
- Legend
- Panel
- Paging
- Walls
- 3D
如果您打開圖表編輯器并瀏覽圖表頁面，您將發現這些分組。其他屬性會影響圖表的“外觀”。這些包括系列顏色和標記特征，單個軸和網格顯示屬性和標簽。這些將在以后的教程中專門討論這些特性的專業作用。
開始使用圖表顯示屬性
將新圖表添加到表單中，您將看到它以3D形式顯示，具有灰色面板背景，2面墻(底部和左側)，框架(定義圖表可繪圖區域的框架)和默認圖表標題標題“TeeChart”。
右鍵單擊圖表并選擇“編輯…”，以進入TeeChart編輯器。第一頁是系列頁面，它是空的，我們對本教程不感興趣。選擇第三個圖表選項卡“常規”以訪問常規圖表屬性頁。
General圖表屬性
General選項包括以下3個部分:
- Zoom
- Scroll
- Cursor
Zoom和Scroll將在后面的教程中涉及。
Axis屬性
Axes的控制是一個非常復雜的專業領域，在后面的教程中會更深入地討論。在這里，我們將介紹軸和框架顯示的基礎知識。
第二個Chart頁面包含用于定義軸和框架特征的屬性。
圖表中有6個主要的Axis。Left, Right, Top, Bottom and Depth Visible。表框架顯示為圖表可繪圖區域的環繞，沒有相應的數據特征(參見后壁)。默認情況下，Depth初始化為不可見。從將序列添加到圖表并與這些軸相關聯的那一刻起，所有其他軸都是可見的(默認為左側和底部)。自定義軸可以通過使用對話框上的+和-鍵來添加/刪除。要使自定義軸(與任何其他軸一樣)可見，必須將系列與軸相關聯。有關自定義軸的更多信息，請參閱軸教程。
能夠顯示axes和 frame的關鍵屬性是:
Visible
此復選框啟用或禁用所有軸的顯示。如果后墻框架可見，那么當軸被隱藏時，圖表環繞仍然可見。結果將出現一個更大的圖表，因為沒有為軸標簽保留區域。每個軸的可見屬性(Scales選項卡)覆蓋每個軸的可見特性。如果您在列表中選擇深度軸，那么您將注意到深度軸縮放。可見默認為“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選項卡上的Visible復選框，以控制該特定軸的顯示。
[C#.Net] tChart1.Axes.Left.Visible = true; [VB.Net] TChart1.Axes.Left.Visible = True
Titles屬性
圖表編輯器的標題頁控制圖表標題、頁眉和頁腳的特征。
Text
使用下拉組合框選擇Title (Header), SubTitle, Foot or SubFoot。在“文本框”中輸入所需的文本。你可以輸入多行標題。
運行:
Header類的Text屬性是一個標準的 .Net String類，可以這樣修改，例如:
[C#.Net] tChart1.Header.Text = "My Header Text"; [VB.Net] TChart1.Header.Text = "My Header Text"
Style Alignment
Alignment是指頁眉(或頁腳)相對于圖表區域的對齊，而不是整個圖表面板的對齊。圖表區域是圖表加上軸標簽和圖例的可繪圖區域。
運行:
[C#.Net] tChart1.Header.Alignment = StringAlignment.Far; [VB.Net] TChart1.Header.Alignment = StringAlignment.Far
Position
使用“Position”覆蓋“Title”或“Footer”的默認位置，并設置一個自定義位置(相對于圖表頂部左側的像素)。
[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包含標題框的設置，例如:框的顏色，框周圍框架的鋼筆屬性，框的筆刷屬性[Pattern]等。
例如Pattern。Pattern指的是標題框或頁腳框的背景圖案[solid, hatch, gradient or image]。
默認值是Transparent，這意味著在選中Transparent復選框之前，標題框是不可見的。
運行:
[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
包含標題文本外觀格式特征。例如Font
Font按鈕將授予訪問字體對話框窗口，該窗口允許選擇Windows字體和定義樣式(斜體，粗體等)和顏色。
運行:
[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內容是一個專門的主題，將在后面的教程中處理。在圖圖編輯器的圖例頁面中，您可以定義圖例的外觀方面。重要的初始步驟是控制圖例對齊和可見屬性，顏色，字體，框架，陰影等。
Style
切換打開/關閉Legend顯示并設置圖例顯示內容特征(包括復選框等)。
運行:
示例使用復選框控制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
用于在圖例項之間的圖例框中繪制線條。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
設置Legend的默認顯示位置或啟用圖例的自定義定位。TeeChart將改變Legend的形狀以適應位置。如果Legend設置在圖表的一側(左側或右側)，則默認情況下，Legend的內容以從上到下的列表形式顯示。如果Legend位于圖表下方或上方，則內容并排放置。可以使用“調整圖表大小”選項和/或使用“自定義定位”來覆蓋默認行為。請參閱Legend教程了解更多關于Legend的自定義定位。
例如ResizeChart
調整圖表大小定義圖表在繪制圖例時是否為圖例留出空間。這允許Legend被放置在圖表區域內。
[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中顏色框的寬度。
運行：
[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框的設置，例如顏色，框架(ChartPen屬性)，圖案(ChartBrush屬性)，以及圓形框架和透明的復選框。
Text
文字特征為Legend文字內容及其陰影。
運行:
[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)大小和透明度。
運行：
[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允許您設置大大增強圖表外觀的參數。Panel漸變效果在支持真彩色的顯示器上效果最好。
現在你已經熟悉了TeeChart的屬性，所以我們不會在這里介紹所有的屬性。Panel屬性和方法可以通過Panel接口訪問:
主要領域有:
Borders
您可以單獨定義Border，也可以與Bevel屬性一起定義Border。混合斜角和邊界和操縱寬度幾乎可以提供任何3D效果的組合。
例如:Bevel Inner/Bevel Outer/Border Width
這些屬性將在圖表面板的邊框上產生各種3D效果。在設計時修改它們，以查看它們如何影響圖表邊框斜度。
Background
例如Panel Color
Panel顏色將用所選顏色繪制整個圖表背景。如果你選擇查看背景漸變或圖像，它們將隱藏Panel顏色。如果您設置了背景顏色，它將只替換圖表框架內的面板顏色。
例如BackImage
您可以選擇任何位圖文件作為背景圖像。使用Hatch Brush編輯器(從Pattern按鈕)，有五種不同的Wrap模式供BackImage選擇。
運行:
使用ChartBrush。在運行時為圖表添加背景圖像。
[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
定義為圖表邊框和圖框之間的距離，并以圖表面板整體尺寸的百分比表示。
移動圖表編輯器邊距框中的旋轉框將在設計時顯示更改每個邊距的效果。
運行時屬性是:
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之間顏色變化的方向。
運行：
[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允許將圖表分成每頁一定數量的點，并允許對圖表進行翻閱。有關更多信息，請參閱 Paging教程。
Walls 屬性
“圖表編輯器”的“圖表”部分中的此頁將屬性應用于Chart Walls。有4種Walls:Left, Right, Bottom and Back，可以用2D或3D表示。
Walls 屬性可以通過TChart1. Walls property訪問。
Color
Color按鈕將帶您到顏色編輯器，使您能夠為所選墻壁選擇顏色。
Border
Border按鈕將帶您到Walls類的ChartPen定義。這是許多其他TeeChart對象可用的相同的Pen。
visible屬性啟用/禁用邊框的顯示。在BackWall的情況下，軸是可見的，Wall Border將隱藏在這些軸的后面，所以你只能看到啟用/禁用邊界的結果，如果你隱藏了一些或所有的軸(例如，使軸的頂部和右側不可見，以看到改變墻邊界顏色的結果，即TChart1.Walls.Back.Pen。Color = Color. blue)。
有關邊界筆的其他特性，請參閱ChartPen。您可以在設計時更改這些屬性。
Pattern
Pattern按鈕將帶您到Walls類的ChartBrush定義。這是相同的刷可用于許多其他TeeChart對象。
Gradient
Gradient按鈕將帶您到漸變編輯器，使您能夠為所選的wall選擇漸變。
3D
3D在TeeChart Pro中是非常靈活的。現在，您可以選擇將圖表顯示為:
- 2D平面圖表，正面視角
- 3D Orthogonal,3D由矢量線表示，以表示深度
- 3D Native Windows， 3D使用具有180度圖表旋轉的3D畫布
3 Dimensions
選擇此屬性(toggling)將在設計時將圖表從3D更改為2D圖表，并且該設置將在運行時生效。
3D %
控制3D效果的深度。更改此屬性的值將在設計時顯示更改3D百分比的效果。
這些屬性的一個應用示例使用了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
當禁用Orthogonal選項時，啟用Windows Native 3D模式，能夠使您旋轉，增加和偏移圖表。Zoom選項允許您向前或向后移動整個圖表。在運行時，數據系列圖表內部的Zoom仍然可用。
Perspective屬性允許您設置距離透視圖，就像查看房間一樣。透視圖為用于演示目的的圖表提供了視覺增強。有關3D選項的進一步參考，請參閱教程 -Chart 3D。
QQ交談
在線咨詢
渝公網安備
50010702500608號
客服熱線