SEPHMI-如何动态修改趋势图的位号、颜色、限值、量程等?

SEPHMI管理员
发布于 2025-10-12 / 11 阅读
0
0

SEPHMI-如何动态修改趋势图的位号、颜色、限值、量程等?

在组态一个含有趋势的HMI页面中,有时会需要根据所选内容,让趋势图自动进行切换,比如切换为所选择的位号以及该位号相关的描述、限值、量程等等,这个时候就需要通过脚本来进行控制。

1、通过脚本修改趋势图控件中的位号(方法1)

$("#trd1").attr("tag0","1401_FT_106.PV");//修改第一个位号
$("#trd1").attr("tag1","1401_FT_107.PV");//修改第二个位号 

1、通过脚本方式动态修改趋势图控件中的位号,使趋势按需显示,如切换位号下拉框,让趋势图显示对应位号的曲线;

2、前提条件:初始载入时,趋势控件需默认已配置好至少一个有效位号,即初始可正常显示至少一条曲线;

3、当有多个位号,变更为少个位号时(如由3个位号变成1个位号),则需要在变更后,执行一个初始化的命令:$("#trd1").attr("_echarts_instance_",""); 否则会旧的多余的位号曲线不会消失。

2、通过脚本修改趋势图控件中的位号(方法2)

var tagArr=['TAG1.PV','TAG2.PV'];
var tagDesArr=['温度1','温度2'];
sepTrend.changeTags('trd1',tagArr,tagDesArr);//更新趋势图内容 	

1、通过脚本方式动态修改趋势图控件中的位号,使趋势按需显示,如切换位号下拉框,让趋势图显示对应位号的曲线;

2、前提条件:初始载入时,趋势控件需默认已配置好至少一个有效位号,即初始可正常显示至少一条曲线。

3、当有多个位号,变更为少个位号时(如由3个位号变成1个位号),则需要在变更后,执行一个初始化的命令:$("#trd1").attr("_echarts_instance_",""); 否则会旧的多余的位号曲线不会消失。

3、通过脚本修改趋势图y轴数字的保留小数位数

$("#trd1").attr("yToFixed0",3);//设置y轴保留3位小数

1、yToFixed代表y轴小数位数,yToFixed0代表趋势图中的第1个位号的y轴小数位数,yToFixed1代表第2个位号,具体位号在趋势图中是第几个,可以在运行中右键趋势图控件检查元素,可以查看到,位号在tag0中则对应yToFixed0,在tag1中则对应yToFixed1,以此类推;

2、当前曲线的y轴数字会根据设置的保留小数位数进行四舍五入。

4、通过脚本设置趋势图的上下限

$("#trd1").attr("limitH0",60);//设置高限
$("#trd1").attr("limitL0",-10);//设置低限 	

1、limitH代表高限,limitL代表低限;limitH0代表趋势图中的第1个位号的高限,limitH1代表第2个位号,具体位号在趋势图中是第几个,可以在运行中右键趋势图控件检查元素,可以查看到,位号在tag0中则对应limitH0,在tag1中则对应limitH1,以此类推,limitL于此规则相同;

2、当前曲线超过高低限后,超出部分的曲线会变成红色。

5、通过脚本设置趋势图的曲线颜色

$("#trd1").attr("color0","red");//设置曲线颜色为红色

1、color代表颜色;color0代表趋势图中的第1个位号的颜色,color1代表第2个位号,具体位号在趋势图中是第几个,可以在运行中右键趋势图控件检查元素,可以查看到,位号在tag0中则对应color0,在tag1中则对应color1,以此类推。

6、通过脚本设置趋势图的量程(方法1)

$("#trd1").attr("yMax0",60);//设置量程最大值
$("#trd1").attr("yMin0",-10);//设置量程最小值 	

1、yMax代表量程最大值,yMin代表量程最小值;yMax0代表趋势图中的第1个位号的量程最大值,yMax1代表第2个位号,具体位号在趋势图中是第几个,可以在运行中右键趋势图控件检查元素,可以查看到,位号在tag0中则对应yMax0,在tag1中则对应yMax1,以此类推,yMin于此规则相同。

7、通过脚本设置趋势图的量程(方法2)

sepTrend.yMaxMinChange2("trd2","TAG1.PV",'100','0');//刷新趋势图量程 	

1、通过脚本方式动态修改趋势图控件中的量程最大最小值;

2、四个参数:趋势图控件id,位号名,量程最大值,量程最小值。

8、重新初始化趋势图控件

$("#trd1").attr("_echarts_instance_",""); 	

1、抹除当前控件中显示的图形。


评论