Teechart图表应用技术详解—第二章之Teechart组件的应用实例:图表滚动棒与页面导航组件

本教程转自屈景辉的Teechart应用技术详解——快速图表制作工具一书,本节我们将会介绍此书的第二章的第六小节——Teechart组件的应用实例:图表滚动棒与页面导航组件。将会有演示,功能,设计,设置,技巧和界面六个方面的介绍。

    Steema公司和科技针对中国市场联合推出中文版TeeChart for .NET图表控件,一共汉化2000个词条(17000个单词),汉化文档35000个单词,包括控件设计时与运行时的界面汉化以及控件使用向导文档的汉化,总汉化90%以上!

    TeeChart for .NET中文版让您在使用和学习上没有任何语言障碍,至少可以节省30%的开发时间。TeeChart for .NET中文版具有易上手,使用方便,稳定性好,性价比高,价格优惠等优势,并且针对Web应用提供无限制服务器分发授权方式,非常有利于产品集成。

TeeChart for .NET最新试用版    


Teechart组件的应用实例

图表滚动棒与页面导航组件

演示: ChartScrollBar与ChartPageNavigator组件。

功能:本例通过图表滚动与翻页导航组件,演示在图表点数很多的情况下如何控制图表的滚动和翻页,即使图表数据规模很大,也可以使用户非常方便地浏览图表概貌和局部细节。

设计:

  1. 设置 ChartScrollBar和ChartPageNavigator组件的Chart属性为对应的图表组件名Chart1,使这两个操作图表的组件与图表建立联系。

  2. 设定ChartScrollBar组件可以操作最大页面数等有关参数,在Form的Oncreate事件中加入下列代码:

    ChartScrollBar1.Min:=1;ChartScrollBar1.Max:=60;        //该最大值是指页面数最大值ChartscrollBar1.Position:=1;

    其中参数Max是指可以控制的图表页面数。假如序列共有1200个点,每页最大点数即Chart1.MaxPointsPerPage属性的值是20,那么Max=60。

  3. Series.Pointer.Visible:= true;        //点标记可见Series.Marks.Visible:=true;          //值标签可见Chart1. View3D:=true;               //以3D方式显示
  4. 图1

    图表滚动时的页 与显示格式设定

设置:如下所示

组件名称 属性名 设定值 备注
TChart Name Chart1
TChartScrollBar Name ChartScrollBar1 设定图标滚动组件隶属Chart1
Chart Chart1
TChartPageNavigator Name ChartPageNavigator1 图表占用多个页面时按页移动
Chart Chart1
TCheckBox Name CheckBox1 标签检查框
Caption 标签
Checked ture
TCheckBox Name CheckBox2 点标记检查框
Caption 点标记

Checked

ture
TCheckBox Name CheckBox3 3D方式显示检查框
Caption 3D
Checked true

技巧:

  1. ChartScrollBar与ChartPageNavigator组件的功能很类似,实际应用中可根据个人喜好选择一种方法。

  2. 如果不设定Chart组件每页显示的最大点数,这两个组件将不起作用,因为图表组件将所有点显示在一个页面上,当然就不需要滚动了。

  3. ChartScrollBar组件的Max等参数最好放在代码中设定,通过每页点数和实际点数获得需要显示的页数,这时,就可以利用这两个中的任意一个进行翻页和滚动了。

界面:程序设计和运行阶段的界面如下所示。

图2

ChartScrollBar与ChartPageNavigator组件演示设计阶段

图3

ChartScrollBar与ChartPageNavigator组件运行阶段

  下一节我们将会介绍Teechart组件的应用实例:对象观察器与打印预览。将会有演示,功能,设计,设置,技巧和界面六个方面的介绍。如果有对Teechart图表感兴趣的朋友,可以多多关注本教程,并且欢迎在评论区留言。

相关资料推荐:

上一章:Teechart组件的应用实例:序列和函数库组件

Teechart 2019资源合集

Teechart 2018资源合集 


    现TeeChart for .NETTeeChart for JavaScript/HTML5TeeChart for Xamarin.Android等均已加入在线订购,现在抢购可立享优惠!

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年9月7日
下一篇 2019年9月7日

相关推荐

发表回复

登录后才能评论