曲线图是用折线图或者柱状图来展现数值的大小和变化。
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);
完整例子请参考。
下载后解压将演示工程导入到工作空间,导入方法参考。