TeeChart Pro .Net 教程---教程2 - 图表显示属性

前端之家收集整理的这篇文章主要介绍了TeeChart Pro .Net 教程---教程2 - 图表显示属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

教程2 - 图表显示属性

图表显示特征是指那些影响图表整体外观的因素。它们包括那些定义图表背景颜色,标题,位置,页边,粗细和斜角,背景图片,框架和轴可见,画笔颜色和宽度,3D,立面等属性方法。您可以在设计时或运行时可通过图表编辑器使用这些属性,并且您还可以在运行时以编程的方式来修改这些属性。图表的整体外观特征分为以下类别:

总体
坐标轴
标题
图例
面板
分页
立面
3D

如果您打开图表编辑器和浏览图表编辑页就会发现这些组别。 其它的属性将影响您图表的外观, 其中包括数据序列的颜色和特有的标记,个别坐标轴和网格显示属性标签。这些将在后面的教程中进行专门的介绍。

图表显示属性入门
添加一个新的图表到窗体中,您会看到它将显示为一个带有灰色背景的3D面板,2个立面(底部和左边),框架(定义图表plottable区域的框架)和一个默认的图表标题页眉“TeeChar” 。
右击图表并从图表编辑器的菜单中选择“Edit...”。第一页是空的数据序列页面,在本教程中我们暂不关心。选择第三个“General”标签来查看图表总体属性页面

图表总体属性




总体选项包括以下三部分:

缩放
滚动
指针

缩放和滚动将在后面的教程中详细介绍。

坐标轴属性

坐标轴控件是一个特殊的领域并且相当的复杂,因此我们将在后面的教程中进行深入讲解。 在这里我们只介绍基本轴和框架显示内容
第二个图表页面有定义轴和框架特征的属性



图表中包含6个标准轴。 左边,顶部,右边,底部底部纵深和顶部纵深。图表框架显示为图表plottable区域和无数据(参见BackWall)对应功能的环绕形式。默认的初始化纵深是不可见的。一个数据序列被添加到图表并与这些轴(默认为左边,底部)进行关联时,其他所有的轴是可见的。在对话框上可以通过“+”和“-”两个按钮进行添加或移除自定义轴。如果想让自定义轴是可见的(关于任何其他轴),那么一个数据序列必须与轴相关联。请参阅轴控件教程了解更多自定义轴的信息。
使轴和框架能够显示的关键特性如下:

可见性
此复选框可启用或禁用所有轴的显示。如果后面的立面框架是可见的,即使轴被隐藏了图表环绕也依然可见。即使没有一个区域是为轴标签所留的,也仍会显示一个更大的图表。每个轴(比例标签)的可见性会覆盖每个轴的显示特性。如果您在列表中选择的是纵深轴,您需要注意纵深标尺默认是不可见的。
 
[C#.Net]
tChart1.Axes.Visible = true;

[VB.Net]
TChart1.Axes.Visible = True

坐标轴:左,右,顶部,底部,和纵深可见
在列表框中选择您想要显示或者隐藏的轴,并可以切换刻度标签上的复选框来控制该特定轴的显示
[C#.Net] 
tChart1.Axes.Left.Visible = true;

[VB.Net]
TChart1.Axes.Left.Visible = True

标题属性

TeeChart编辑器的标题页用于控制图表标题,页眉和页脚的特性。



文本
使用下拉复选框选择标题(头),子标题,页脚或子页脚。在文本框中输入所需的文本。 您可以输入多行标题

运行时:

Header类的文本属性是一个标准的.Net字符串类,您可以像下面这样进行修改,例如:

[C#.Net] 
tChart1.Header.Text = "My Header Text";

[VB.Net]
TChart1.Header.Text = "My Header Text"

对齐样式
对齐是指图表区域的页眉(或页脚)而不是指整个图表面板。图表区域是图表加上标签及图例的plottable区域。

运行时:
[C#.Net] 
tChart1.Header.Alignment = StringAlignment.Far;

[VB.Net]
TChart1.Header.Alignment = StringAlignment.Far

位置
使用位置属性可以覆盖标题或者页脚的默认位置,并且用户可以自定义一个位置属性(像素关系到图表顶部,左边)。

运行时:
[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



格式化:
包含标题框的设置,例如标题框的颜色,标题框周围框架的画笔属性标题框的格式刷属性[Pattern]等。

例如: 渐变
渐变指标题框或者页脚框的背景模式[填充,纹理,渐变,图片]。




默认是透明的,这意味着透明复选框未被选中前,标题框都是不可见的。

运行时:

[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

文本
包含标题文本格式的外观特性。

例如: 字体
字体按钮将允许使用字体对话框窗口,在对话框中允许选择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

阴影
页眉或页脚框阴影显示属性。你可以定义颜色和图表格式刷 [填充,纹理,渐变或图像]。

运行时:
[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属性

图例属性

图例的内容是一个特殊的主题,我们将在后面的教程中详细介绍。TeeChart编辑器的图例页面让您可以定义图例的外观。非常重要的
初始化步骤是控制图例对齐方式和可见属性,颜色,字体,框架,阴影等。




样式
打开/关闭图例显示和设置图例显示内容的特性(包含复选框等)。

运行时:

示例中使用CheckBox来控制图例的显示

[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


位置
设置默认显示位置或激活自定义的图例配置。 TChart会改变图例的形状,以适应所在的位置。如果图例被设置在图表的一侧(左或右),默认情况下,将从上到下进行排列。如果图例低于或高于图表,那么图表内容将并排放置。默认的可能会使用调整图表选项和(或)自定义配置来覆盖。您可以查看更多关于自定义图例的教程。


例如:调整图表大小
调整图表大小是指当图例绘制时图表是否离开图例的范围。 这使得图例将始终在图表区域内。

运行时:

[C#.Net] 
tChart1.Legend.ResizeChart = true;

[VB.Net]
TChart1.Legend.ResizeChart = True

%顶部位置
定义图例框从图表面板顶部中进行移植。

运行时:
[C#.Net] 
tChart1.Legend.CustomPosition = true;
tChart1.Legend.Top = 5;

[VB.Net]
TChart1.Legend.CustomPosition = True
TChart1.Legend.Top = 5


标记
定义图例标记的大小和格式。

%颜色 宽度
定义图例中颜色框的宽度。


运行时:

[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

格式化
包含图例框的设置,例如颜色,框架(ChartPen属性),模式[ChartBrush属性] ,球形框架和透明复选框。

文本
图例文本的内容和阴影的文本特性。

运行时:
[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

渐变
激活/禁用图例中渐变背景并选择其方向和颜色。

阴影
图例框阴影的显示属性。 您可以定义颜色,模式(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

斜角
颜色和内,外斜角大小的属性
 

面板属性

TeeChart面板页面允许您设置参数来大大改善图表的外观。面板渐变效果支持真彩的显示效果是更佳的。

现在您已经熟悉了TeeChart的属性,所以在这里我们不会涵盖所有的属性。面板属性方法,您可以通过访问面板接口:



重点领域是:

边框
您可以独立地定义边框或将它与Bevel属性一起使用。可对几乎所有的3D组合进行混合Bevel、边框以及熟练控制宽度的操作。

例如:Bevel Inner/Bevel Outer/Border Width
这些属性将在图表面板的边框生成多种3D效果。在设计时修改它们,看看它们如何影响图表边框的Bevels。

背景
例如:面板颜色
面板将用所选的颜色绘制整个图表的背景。如果您选择查看渐变背景或图像,他们将隐藏面板颜色。如果您设置了背景的颜色,它将用图表框架的颜色取代面板的颜色。

例如:背景图片
您可以选择一些位图文件来当作背景图片。使用Hatch Brush编辑器(从模式按钮),有五种不同的Wrap Modes可用来选择背景图片
运行时:
在运行时,使用ChartBrush.LoadImage向图表添加一个背景图片
[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")

页边距
页边距定义为图表边缘和图表框架的距离,并且用图表面板整体尺寸的百分比来表示。

在设计时,在图表编辑器页边距框中移动spin框将显示所做改变的效果

运行时属性是:

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


渐变
要定义渐变您必须选择一个StartColor和EndColor(加上或者可选MidColor),使其成为可见的渐变效果。 渐变将覆盖整个图表面板。 渐变方向定义了StartColor,MidColor,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

阴影
定义图表面板阴影的大小,颜色,模式[ChartBrush]和透明等属性

页面属性

TeeChart页允许图表被划分为每页设置数字,而且图表可以根据这些数字进行翻阅。更多信息请见页面教程。



立面属性

在TeeChart编辑器的图表区页面对图表的立面属性进行设置。 这里有四种立面:左,右,底部和后面,它们都可能是2D或3D的。

立面属性可以通过TChart1.Walls获得。



颜色
通过颜色按钮您将看到颜色编辑器,您可以为选定的立面选择一个颜色。

边框
通过边框按钮您可用ChartPen定义立面类。ChartPen与其它TeeChart项目所用到的画笔是一样的。



可见属性启用/禁用边框的显示特性。 就BackWall而言,它里面的轴是可见的,这些立面的边框将会隐藏在这些轴的后面,即便您隐藏部分或所有的轴,您都只能看见启用或禁用边框的效果(例如隐藏轴线上方和右侧来观察改变立面边颜色的结果,即TChart1.Walls.Back.Pen.Color = Color.Blue)。


查看ChartPen关于绘图笔的另外一些特性。您可以在设计时修改这些属性

模式
通过模式按钮您将看到ChartBrush关于Walls类的定义。ChartBrush与其它TeeChart项目所用到的格式刷是一样的。

渐变
通过渐变按钮您将看到渐变编辑器,您可以为已经选定的立面选定渐变色。

3D

3D在TeeChart Pro.中是非常灵活的。你现在可以选择图表显示为:

  • 2D Flat Chart,viewed from front
  • 3D Orthogonal 3D represented by vectored Lines to indicate depth
  • 3D Native Windows 3D using 3D Canvas with 180 degree Chart rotation



    3 Dimensions
    在设计时,选择此属性(切换)可将图表从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 模式都允许您进行旋转,提升和偏移图表操作。通过缩放选项,您可以显示或移除整个图表。缩放图表的数据序列在运行时仍然是可用。
    Perspective属性允许您设置透视的距离,就像进入一个房间进行寻找。 Perpsective提供了一个用于增强图表的视觉演示功能。对于3D操作的参考资料请查看 教程15-3D图表.




  • 原文链接:https://www.f2er.com/vb/261533.html

    猜你在找的VB相关文章