菜单

2.3.19 曲线图

下载

曲线图是用折线图或者柱状图来展现数值的大小和变化。

1 参考视频

2 属性

在IDE,通过曲线属性的设置来控制曲线显示效果。

2.1 控件

控件名,当前页面唯一。

2.2 图表类型

选择折线图或者柱状图显示。

2.3 显示数据量

曲线图或柱状图中显示数据的个数。

2.4 主背景

设置曲线图背景主色、填充色、边框粗细、边框颜色等。

2.5 图表区

或称数据区,设置曲线显示区域的背景颜色和边框。

2.6 分割线

设置坐标网格的数目、颜色、线宽。

2.7 刻度线颜色&粗细

设置刻度线的颜色和粗细。

2.8 折线粗细&点大小

设置折线的粗细和点的大小。

2.9 文字

设置标注文字的颜色、字体

2.10 X轴

设置X轴的标签、X轴刻度线的样式。

2.11 Y1轴

设置Y1轴的标签、Y1轴刻度线的样式,最大值、最小值范围。

2.12 Y2轴

设置Y2轴的标签、Y2轴刻度线的样式。

2.13 通道设置

设置通道(曲线)个数和显示颜色等。

2.14 曲线光标

在曲线上点击位置显示竖线,将对应值显示在表格中。

 

3 典型用法

在第2节中设置好曲线图样式、通道后,下面就需要调用曲线控件API接口给各个通道(曲线)赋值显示。

最常用的方式有两种:

3.1 用setNextValue

参考第1节视频用用法,直接调用:

    //获取曲线对象
    LvChartSeries * ser = wMChart1->getSeries(0);
    //给曲线付值100
    wMChart1->setNextValue(ser, 100);

3.2 定义数组,批量赋值

在下面示例中,

主要应用点如下,

	...
	//定义显示用数据数组(溶解度曲线)
	vector<float> RJYdata;
	...
	//给数组赋值
	vm->getFloat("Y溶解氧_下", RJYmin);
	vm->getFloat("Y溶解氧_上", RJYmax);
	RJYdata.clear();
	RJYdata.resize(540);
	for(int i=0;i<540;i++){
		RJYdata[i]=RJYmin;
		int h = timeLine[i][0];
		int m = timeLine[i][1];
		for(int j=0;j<len;j++){
			int h1 = StringUtil::safeStoi(tbl.getValue(j, 0));
			int m1 = StringUtil::safeStoi(tbl.getValue(j, 1));
			if(h1==h && m1==m){
				RJYdata[i]=StringUtil::safeStof(tbl.getValue(j, 2));
				break;
			}
		}
	}
	...
	//创建显示通道(曲线)
	sr_RJY = wMChart1->setAddSeries(serIndex++, RJYcolor,  &RJYdata, RJYmin, RJYmax);

完整例子请参考

luminsens.rar

下载后解压将演示工程导入到工作空间,导入方法参考

上一个
2.3.18 直线
下一个
2.4 元件
最近修改: 2025-03-02Powered by