彩票走势图

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

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

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

    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


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP