Teechart图表应用技术详解—第四章之彩带和彩色线工具

本教程转自屈景辉的Teechart应用技术详解——快速图表制作工具一书。本文将会介绍第四章的彩带和彩色线工具。

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

    好消息!!!11月技术服务月,TeeChart图表的TeeChart for .NET>>也参加了哦,现在购买立省¥631,抓紧时间购买吧!早买早享受哦!

TeeChart for .NET最新试用版


彩带工具( TColorBandTool)

    彩带工具TColorBandTool是用一种指定颜色的矩形区域显示一个范围。如果需要显示多个范围,就必须使用多个彩带工具。

  • 开始与结束值( StartValue、 EndValue)。用于设定彩带工具显示的范围。此例用编辑框作为数值输入组件,可在编辑框的OnChange事件或在另添加的一个按钮的OnClick事件中加入如下代码:

ChartToo13.StartValue:= StrToFloat(Edit1.Text);//开始值ChartToo13.EndValue:= StrToFloat(Edit2.Text);//结束值
  • 彩带与绘制图表、坐标关系( DrawBehind、DrawBehindAxes)。设定彩带与图表位置的关系,用 CheckBox的状态确定,代码如下:

ChartTool3. DrawBehind := CheckBox11. Checked;ChartTool3. DrawBehindAxes := CheckBox12. Checked;
  • 透明度( Transparency)。用于设定彩带的透明度,在SpinEdit3的OnChange事件中。加入如下代码:

ChartTool3. Transparency : =SpinEdit3. Value;
  • 颜色( Color)。设定彩带颜色。可调用颜色对话框设定,也可使用颜色栅格组件设定,下列代码是采用颜色栅格的前景色设定彩带的颜色:

ChartTool3. Color := ColorGrid2. ForegroundColor;

    彩带工具运行效果如下图:

彩带工具运行图

彩色线工具( TColorLineTool)

    彩色线工具TColorLineTool是以颜色线条表示一个指定的值,而且各坐标轴都可以表示。

  • 彩色线风格( Style)。表示彩色线代表的值如何确定。该风格被定义为一个类:

TColorLineStyle=(clCustom, clMaximum, clCenter, clMinimum);

    clCuStom表示用户指定,其他三项表示采用坐标的中心、最大和最小值。如果设定为clCuStom,需要设定该工具Value属性的值,也就是说,这时Value属性才是有效的。

  • 指定值( Value)。当Style被定义为clCuStom时,Value用来设定用户定义的值

ChartTool4. Style : =clCustom;ChartTool4. Value : =StrToFloat(Edit3.text);
  • 三维线框(Draw3D)。当设定该属性为False时,彩色线是显示在二维上的,即使Chart的View3D属性为True也是如此。代码如下:

ChartTool4.Draw3D: =CheckBox16.Checked;//设Bottom轴的彩色线ChartTool5.Draw 3D:=CheckBox 16.Checked;//设Left轴的彩色线
  • 允许拖拽( AllowDrag)。当该属性设为true时,可以用鼠标拖动彩色线框(条)

    彩色线工具运行效果如下图所示:

彩色线工具运行效果

相关资料推荐:

上一章:坐标箭头和滚动工具

Teechart 2019资源合集

=====================================

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

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

标签:

来源:慧都

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年10月22日
下一篇 2019年10月22日

相关推荐

发表回复

登录后才能评论