Teechart图表应用技术详解—第二章之Teechart组件的应用实例:数据栅格与导航

转帖|使用教程|编辑:况鱼杰|2019-09-27 16:28:09.333|阅读 51 次

概述:本教程转自屈景辉的Teechart应用技术详解——快速图表制作工具一书,本节我们将会介绍此书的第二章的第三小节——Teechart组件的应用实例:数据栅格与导航

相关链接:

    Steema是全球领先的图表类控件公司,总部设在西班牙的巴塞罗那附近,Steema公司的VCL图表报表控件在全球拥有极高知名度。Steema公司和慧都科技针对中国市场联合推出中文版TeeChart for .NET图表控件,一经推出,就在市场上大受欢迎,如果有感兴趣的用户,可以下载试用版体验一下。

点击下载TeeChart for .NET最新试用版    


Teechart组件的应用实例

    Steema为了充分发挥TeeChart页图表组件的功能,将图表编辑器的选项卡进行了拆分,构成独立的可视或非可视组件,由程序设计员根据用户的功能要求进行重新组合,以满足用户需要。

数据栅格与导航

    演示: ChartGrid、 ChartGridNavigator组件。

    功能:演示数据栅格ChartGrid和数据栅格导航ChartGridNavigator组件以及图表组件Chart三者之间的相互关系,表明通过前两个组件的Chart属性的设置就可以获取图表组件显示序列的数据,并且通过栅格控件可以对图表显示数据的编辑进行修改,使用导航组件在栅格之间移动,进行快速地数据点查找。该实例提供了编辑图表序列数据的一种方法。

    设计:

  1. 数据栅格的Series属性可设可不设,如果指定了Series属性,则只显示指定的Series的数据,否则 ChartGrid自动根据图表组件Chart确定显示的Series。\

  2. 按钮BitBtn用来调用颜色对话框ColorDialog,改变Chart序列的颜色,并且按钮上的字体颜色与序列颜色同步。在 BitBtn的OnClick事件中加入代码:

    if ColorDialogl.Execute then
    begin
    Series1.ColorEachPoint:=false;
    Bitbtn1.Font.Color:=ColorDialog1.Color;
    Series1. Seriescolor:=ColorDialog1.Color;
    end
  3. 改变栅格组件中是否显示X轴标签、Bar的颜色,分别用下列属性的 true/false实现。

    ChartGrid1. ShowLabels : =true;           // false为栅格中不显示x标签
    ChartGrid1. Showcolors : =true;           //false为栅格中不显示各点的颜色
  4. 当设定序列中的各点用不同颜色时使用代码:

    Series1.ColorEachPoint:=true;          // false为序列各点颜色相同

    设置:如下表所示

ChartGrid和ChartGridNavigator组件功能演示主要属性设置

组件名称属性名设定值备注
TChartNameChart1用图表编辑器设定
TChartGridNameChartGrid1图表栅格组件
ChartChart1属 Chart1的栅格组件
TChartGridNavigatorNameTChartGridNavigator1栅格导航
GridChartGrid1栅格组件
TBarSeriesNameSeries1Chart的序列
ParentChartChart1
TCheckBoxNameCheckBox1标签检查框
Checkedtrue
Caption标签
TCheckBoxNameCheckBox2颜色检査框
Checkedfalse
Caption颜色
TBitBtnNameBitBtn1修改颜色按钮
Caption改变颜色
TColorDialogNameColorDialog1颜色对话框

    技巧:

  1. 使用栅格组件可直接修改图表上点的值和坐标标签内容。

  2. 修改栅格中的颜色。双击鼠标左键可白动调用系统颜色设置对话框( ColorDialog)用于修改单点颜色。

    界面:程序运行后的界面下图所示。

数据栅格和导航组件演示运行时界面

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

相关资料推荐:

上一章:Teechart组件的应用实例:图表编辑器

Teechart 2019资源合集

Teechart 2018资源合集 


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

    关注慧聚IT微信公众号☟☟☟,了解产品的最新动态及最新资讯。

dd2629f30d553d56ccaf7164fdcb784e-sz_28327.webp.jpg


850×100.png



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:Teechart应用技术详解——快速图表制作工具一书(PDF) https://down.51cto.com/data/929732

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
title
相关厂商
相关产品
TeeChart Pro ActiveX

交互性强的轻量级ActiveX图表控件,能高效生成多任务仪表板

TeeChart Pro VCL/FMX

支持RAD Studio,Delphi和C ++ Builder以及FireMonkey的图表制作工具

TeeChart for Java

适用于所有主流Java编程环境的TeeChart图表库

TeeChart for PHP

一款含100%的PHP源代码并支持PHP5及更高的版本的图表开发工具

TeeChart for .NET

优秀的工业4.0 WinForm图表控件,官方独家授权汉化,集功能全面、性能稳定、价格实惠等优势于一体

TeeChart for JavaScript/HTML5

基于HTML5画布的跨浏览器JavaScript图表库

在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat