silverlight   发布时间:2022-05-04  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Silverlight学习-创建一个信息系统中趋势曲线图库(三)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

        有了图形绘制库,在此基础上就可以开发工业用曲线显示图库了。         首先应该分析工业用曲线图的几个构成部分,这样便于开发出灵活配置,且通用性强的绘制库。         先看一下一个典型的趋势曲线。如图1所示,整个曲线的显示分为坐标轴区(可带网格底纹),Y轴区(多个y轴时)、曲线显示区、标题区和图例区几部分。 图1         X轴一般只有一个,当同时显示多条曲线时,Y
@H_616_13@@H_944_14@
@H_944_14@

        有了图形绘制库,在此基础上就可以开发工业用曲线显示图库了。

        首先应该分析工业用曲线图的几个构成部分,这样便于开发出灵活配置,且通用性强的绘制库。

        先看一下一个典型的趋势曲线。如图1所示,整个曲线的显示分为坐标轴区(可带网格底纹),Y轴区(多个y轴时)、曲线显示区、@L_801_4@区和图例区几部分。

Silverlight学习-创建一个信息系统中趋势曲线图库(三)

图1

        X轴一般只有一个,当同时显示多条曲线时,Y轴可能有多个,曲线显示区除曲线外,可能还有网格底纹,本文将其归为坐标轴的一部分。图例区和曲线@L_801_4@区都是可选的,其位置可以动态设置。因此,设计这样一个曲线显示功能,应包含以下几个类:

  • Y轴类(YAsix):显示Y轴。如图2所示,图中示意性画出了一个“多余”的Y轴。有几种显示选项:只显示轴、显示轴数字刻度、显示文字说明(右置或左置)。轴可以设置有两种刻度,有数字标注的刻度(长刻度,显示横线长些)和无数字标注的刻度(短刻度,显示横线短些),笔者认为,如果开发出动态标注功能(纵横线交点随鼠标移动,动态显示交点数值),则两种刻度的设置就没有必要了。
  • X轴类(XAsix):显示Y轴。Y轴与X轴类似,但X轴一般只有一个,比Y轴要简单,出于简化设计,也可不单独设置该类,而将它包含在轴类中。

Silverlight学习-创建一个信息系统中趋势曲线图库(三)

图2

  • 轴类(Axis):组合X轴和Y轴,其中Y轴有多个(除去第一个)。应虑以下几种情况:
  • 曲线显示类(DataShow):显示曲线。输入数值点,连线成曲线(显示模块一般不提供拟合功能,那属于数值处理,而非显示功能了),需要注意的是,对自动化设备采集的曲线,如果出现断点(某时刻因网络原因没有采集到数据),显示类应能处理。本文以折线方式显示曲线为主,其实,稍加修改就可以显示柱状图。
  • 图例类(Lenged):它是曲线显示的辅助类,比较好处理。

        以上几个类构成了曲线显示的各个部分,它们之间需要共享的数据如图3所示。图例类需要知道个曲线的颜色和曲线显示的位置(便于自己定位)。曲线显示类和坐标类需要共享屏幕区域位置和图形的显示比例(数据空间到屏幕空间的位置映射比例)。

Silverlight学习-创建一个信息系统中趋势曲线图库(三)

图3

  • 最后一个类就是总的集成类(CurvE),它包含了以上几个类,加上一个@L_801_4@和总的显示区大小(需要计算得到)。该类包含的数据如下:

Curve类包含的主要数据

说明

曲线显示区域(x,y,width,height)

计算后实际显示区域

原始区域,加上坐标、图例后必原始区域要大

曲线个数

 

曲线数据:

【原始数据(数值对)、

拟合数据(数值对)、

显示数据范围(一般要圆整)、XY轴显示比例(计算值)】{1..n}

为使显示美观,曲线最大宽度占显示区宽度的3/4,高度类推。

如果无需对曲线拟合,原始数据与拟合数据是一个数据源。

特殊情况下,可以增加保存原始数据显示位置数值(计算得到)。

颜色{1..n}

一条曲线的所有相关东西宜采用同一种颜色。单独设置,可多处共享

显示选项:

网格

边框

X轴{1}:

刻度文字显示

多少个分度

文字说明

文字显示位置区域

Y轴{1..n}:

刻度文字显示

多少个分度

文字说明

文字显示位置区域

 

图例选项:

是否显示

位置区域

说明文字{1..n}

 

        所有代码从略。

@H_944_14@

大佬总结

以上是大佬教程为你收集整理的Silverlight学习-创建一个信息系统中趋势曲线图库(三)全部内容,希望文章能够帮你解决Silverlight学习-创建一个信息系统中趋势曲线图库(三)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:silverlight一个信息系统创建图库学习曲线趋势
猜你在找的silverlight相关文章
其他相关热搜词更多
phpJavaPython程序员load如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap