TeeChart for .NET是優(yōu)秀的工業(yè)4.0 WinForm圖表控件，官方獨(dú)家授權(quán)漢化，集功能全面、性能穩(wěn)定、價(jià)格實(shí)惠等優(yōu)勢于一體。TeeChart for .NET 中文版還可讓您在使用和學(xué)習(xí)上沒有任何語言障礙，至少可以節(jié)省30%的開發(fā)時(shí)間。

點(diǎn)擊立即下載最新版TeeChart for .NET

圖表顯示特性是那些影響圖表整體外觀的特性。它們包括那些定義圖表背景顏色、標(biāo)題及其位置、邊距、邊框和斜面、背景圖像、框架和軸的可見性、筆的顏色和寬度、3D、墻等等的屬性和方法。

幾乎所有的這些屬性都可以在設(shè)計(jì)或運(yùn)行時(shí)通過TeeChart編輯器使用，你可以在運(yùn)行時(shí)以編程方式修改這些屬性。整個(gè)圖表的外觀特征被歸為以下幾類。

• 常規(guī) 
• 軸 
• 標(biāo)題 
• 圖例 
• 面板 
• 分頁 
• 墻面 
• 3D 

開始使用圖表顯示屬性 

在表格中添加一個(gè)新的圖表，你會看到它以3D方式顯示，有灰色的面板背景，2個(gè)墻（底部和左側(cè)），框架（定義了圖表可規(guī)劃區(qū)域的框架）和一個(gè)默認(rèn)的圖表標(biāo)題 "TeeChart"。 
在圖表上點(diǎn)擊右鍵，從菜單中選擇 "編輯... "來訪問TeeChart編輯器。第一頁是 "系列 "頁，它是空的，我們對這個(gè)教程不感興趣。選擇第三個(gè)圖表標(biāo)簽 "常規(guī)"，進(jìn)入常規(guī)圖表屬性頁。

一般圖表屬性

一般選項(xiàng)包括以下三個(gè)部分。

• 縮放 
• 滾動 
• 光標(biāo) 

軸屬性 

軸的控制是一個(gè)相當(dāng)專業(yè)的領(lǐng)域，其復(fù)雜程度最高，在后面的教程中會有更深入的論述。這里我們將介紹軸和框架顯示的基本原理。

第二個(gè)圖表頁面擁有定義軸和框架特性的屬性。

可見 

此復(fù)選框可以啟用或禁用所有軸的顯示。如果后墻框架是可見的，那么當(dāng)軸被隱藏時(shí)，圖表周圍仍然是可見的。其結(jié)果是，由于沒有為軸標(biāo)簽保留區(qū)域，所以圖表的外觀會更大。每個(gè)軸的可見屬性（Scales標(biāo)簽）覆蓋了每個(gè)軸的可見特性。如果你在列表中選擇深度軸，那么你會注意到深度軸Scales.Visible默認(rèn)為 "不可見"。

[C#.Net] 

tChart1.Axes.Visible = true; 

TChart1.Axes.Visible = True 

tChart1.Axes.Left.Visible = true; 

TChart1.Axes.Left.Visible = True 

TeeChart Editor的Titles頁面控制著圖表標(biāo)題、頁眉和頁腳的特性。

使用下拉組合框選擇Title（標(biāo)題）、SubTitle、Foot或SubFoot。在文本框中輸入所需的文本。你可以輸入多行標(biāo)題。

運(yùn)行時(shí)
Header類的Text屬性是一個(gè)標(biāo)準(zhǔn)的.Net字符串類，可以照此修改，比如說 
[C#.Net] 

tChart1.Header.Text = "My Header Text";

TChart1.Header.Text = "我的標(biāo)題文本" 

對齊是指相對于圖表區(qū)域的標(biāo)題（或頁腳）對齊，而不是整個(gè)圖表面板。圖表區(qū)域是指圖表的可標(biāo)示區(qū)域以及軸標(biāo)簽和圖例。

運(yùn)行時(shí)
[C#.Net] 

tChart1.Header.Alignment = StringAlignment.Far; 

TChart1.Header.Alignment = StringAlignment.Far 

使用Position來覆蓋Title或Footer的默認(rèn)位置，并設(shè)置一個(gè)自定義的位置（與Chart Top, Left的像素關(guān)系）。

運(yùn)行時(shí)
[C#.Net] 

tChart1.Header.CustomPosition = true; 
tChart1.Header.Top = tChart1.Header.Top + 10; 

TChart1.Header.CustomPosition = True 
TChart1.Header.Top = TChart1.Header.Top + 10

包含標(biāo)題框的設(shè)置，例如：框的顏色、框周圍的筆屬性、框的刷子屬性[圖案]等。
例如：圖案 
圖案指的是標(biāo)題或頁腳框的背景圖案[實(shí)心、填充、漸變或圖像]。

[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. 

包含標(biāo)題文本的外觀格式特征。  

例如：字體 
字體按鈕將允許訪問字體對話框窗口，該窗口允許選擇Windows字體和定義樣式（斜體、粗體等）和顏色。

運(yùn)行時(shí)間

[C#.Net] 
tChart1.Header.Font.Name = "Verdana"。
tChart1.Header.Font.Bold = true; 
 
[VB.Net] 
TChart1.Header.Font.Name="Verdana" 
TChart1.Header.Font.Bold = True 

用于顯示頁眉或頁腳框陰影的屬性。你可以定義顏色和ChartBrush[實(shí)心、填充、漸變或圖像]。

運(yùn)行時(shí)

[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. 

圖例屬性 
圖例內(nèi)容是一個(gè)專業(yè)課題，將在以后的教程中討論。在TeeChart Editor的Legend頁面中，你可以定義Legend的外觀方面。重要的初始步驟是控制圖例對齊和可見屬性、顏色、字體、框架、陰影等。

切換Legend顯示的開/關(guān)，設(shè)置Legend顯示的內(nèi)容特征（包括復(fù)選框等）。
運(yùn)行時(shí)間
使用復(fù)選框來控制圖例顯示的例子

[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 

[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 

設(shè)置默認(rèn)的顯示位置或啟用Legend的自定義定位。TChart將改變Legend的形狀以適應(yīng)該位置。如果Legend被設(shè)置在圖表的側(cè)面（左邊或右邊），Legend的內(nèi)容默認(rèn)為從上到下的列表。如果圖例位于圖表的下方或上方，那么圖例內(nèi)容將被并排放置。默認(rèn)行為可以通過使用調(diào)整圖表大小選項(xiàng)和/或使用自定義定位來覆蓋。關(guān)于圖例的自定義定位的更多信息，請參見圖例教程。
例如：調(diào)整圖表大小（ResizeChart 
調(diào)整圖表大小定義了圖表在繪制時(shí)是否會給圖例留下空間。這使得Legend可以被放置在Chart區(qū)域內(nèi)。

運(yùn)行時(shí)

[C#.Net] 
tChart1.Legend.ResizeChart = true。
 
[VB.Net] 
TChart1.Legend.ResizeChart = True 

運(yùn)行時(shí)

[C#.Net] 
tChart1.Legend.CustomPosition = true; 
tChart1.Legend.Top = 5; 
 
[VB.Net] 
TChart1.Legend.CustomPosition = True 
TChart1.Legend.Top = 5 

圖例符號的大小和格式化。

%顏色寬度 
定義Legend中顏色框的寬度。
運(yùn)行時(shí)間

[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 

包含圖例框的設(shè)置，例如顏色、框架（ChartPen屬性）、圖案（ChartBrush屬性），以及圓形框架和透明的復(fù)選框。

文本 

圖例文本內(nèi)容及其陰影的文本特征。
運(yùn)行時(shí)間

[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 

在圖例框中啟用/禁用一個(gè)背景漸變，并選擇其方向和顏色。

陰影 
用于顯示圖例框陰影的屬性。你可以定義顏色、圖案（ChartBrush）大小和透明度。
運(yùn)行時(shí)間

[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 

面板屬性 

TeeChart面板頁面允許你設(shè)置參數(shù)，這些參數(shù)可以大大增強(qiáng)圖表的外觀。面板的漸變效果在支持真彩色的顯示器上看得最清楚。

現(xiàn)在你已經(jīng)熟悉了TeeChart的屬性，所以我們不在這里介紹所有的屬性。面板屬性和方法可以通過面板接口訪問。

邊界 

你可以獨(dú)立定義邊框，也可以與斜面屬性結(jié)合起來。混合使用斜面和邊框并操作寬度，幾乎可以得到任何三維效果的組合。

例如：內(nèi)斜面/外斜面/邊框?qū)挾?nbsp;
這些屬性將在圖表面板的邊框上產(chǎn)生各種三維效果。在設(shè)計(jì)時(shí)修改它們，看看它們?nèi)绾斡绊憟D表邊框的斜面。

背景 

例如：面板顏色 
面板顏色將用選擇的顏色涂抹整個(gè)圖表背景。如果你選擇查看背景漸變或圖像，它們將隱藏面板的顏色。如果你設(shè)置了一個(gè)背景顏色，它將僅在圖表框架內(nèi)取代面板顏色。

例如：BackImage 
你可以選擇任何位圖文件作為BackImage。使用Hatch Brush Editor（來自Pattern按鈕），有五種不同的Wrap模式可供BackImage選擇。

運(yùn)行時(shí)
使用ChartBrush.LoadImage可以在運(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") 

邊距被定義為圖表邊框和圖表框架之間的距離，以圖表面板整體尺寸的百分比表示。
移動 "圖表編輯器 "邊距框中的旋轉(zhuǎn)框，將在設(shè)計(jì)時(shí)向你顯示改變每個(gè)邊距的效果。
運(yùn)行時(shí)的屬性是

TChart1.Panel.MarginTop  
TChart1.Panel.MarginLeft 
TChart1.Panel.MarginRight 
TChart1.Panel.MarginBottom

[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  

要定義一個(gè)梯度，你必須選擇一個(gè)開始顏色和結(jié)束顏色（加上可選的中間顏色），并啟用梯度的可見性。漸變將覆蓋整個(gè)圖表面板。漸變方向定義了開始、中間和結(jié)束顏色之間的顏色變化方向。
運(yùn)行時(shí)

[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.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.Drawing2D.LinearGradientMode.ForwardDiagonal 
End With

分頁屬性 

TeeChart分頁允許一個(gè)Chart在每頁被分成一個(gè)設(shè)定的點(diǎn)數(shù)，并且允許Chart被翻閱。請參閱分頁教程以了解更多信息。

墻的屬性 

在圖表編輯器的圖表部分，這一頁將屬性應(yīng)用于圖表墻。有4個(gè)墻。左邊、右邊、下面和后面，可以用2D或3D表示。 

墻的屬性可以通過TChart1.Walls屬性訪問。

顏色 
顏色按鈕將帶你到顏色編輯器，使你能夠?yàn)檫x定的墻選擇顏色。

邊框 
邊界按鈕將帶你到Walls類的ChartPen定義。這與許多其他TeeChart對象可用的筆相同。

圖案 
圖案按鈕將帶你到Walls類的ChartBrush定義。這與許多其他TeeChart對象可用的畫筆相同。

梯度 
漸變按鈕將帶你到漸變編輯器，使你能夠?yàn)檫x定的墻選擇一個(gè)漸變。

3D 

3D在TeeChart Pro中是非常靈活的。你現(xiàn)在可以選擇將圖表顯示為。 

• 二維平面圖，從正面看
• 三維正交三維，由矢量線表示，表示深度
• 使用3D畫布的3D原生Windows 3D，圖表旋轉(zhuǎn)180度

3D % 
控制3D效果的深度。改變此屬性的值會在設(shè)計(jì)時(shí)向你顯示改變3D百分比的效果。

這些屬性的一個(gè)應(yīng)用實(shí)例使用了一個(gè)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 

Perspective屬性允許你設(shè)置一個(gè)距離透視，就像看一個(gè)房間一樣。透視為用于演示的圖表提供了一種視覺增強(qiáng)。對于3D選項(xiàng)的進(jìn)一步參考，請看教程15--圖表3D。

關(guān)注慧聚IT微信公眾號???，了解產(chǎn)品的最新動態(tài)及最新資訊。