标题:Qt编写可视化大屏电子看板系统15-曲线面积图
作者:liudianwu
日期:2021-08-13 10:50
内容:
## 一、前言
曲线面积图其实就是在曲线图上增加了颜色填充，单纯的曲线可能就只有线条以及数据点，面积图则需要从坐标轴的左下角和右下角联合曲线形成完整的封闭区域路径，然后对这个路径进行颜色填充，为了更美观的效果，一般这个填充颜色采用曲线条颜色的透明度值150绘制，看起来更具科幻感，面积图和折线图类似都可以重叠绘制多条，每条都可以是不同的颜色，如果数据点不较少的情况下，还可以开启是否绘制数据值，开启的话直接居中区域绘制对应的数据值。
为了更方便的使用二次开发改造的QCustomPlot，重命名了一些数据类型，比如曲线图中的数据队列一般有QVector，每次写好多地方，可以重命名数据类型更短，写起来更方便，还有就是针对一些曲线数据和属性设置，定义成一个个数据结构体，在设置数据的时候只要先对结构体数据一个个设置好，最后一次性设置就行，参数看起来很短，最早期采用的分开的参数设置，搞得整个函数参数真多，比如曲线的名称、坐标数据集合、线条宽度、线条颜色、数据点形状、线条样式、是否平滑曲线等一大堆参数，有时候突然用户又新增一个要求又要增加一个参数，索性改成结构体数据存储，这下清爽多了，增加个参数要改动的代码量小很多，也更方便阅读。
关于QCustomPlot曲线图本身是不提供平滑曲线的，在这点上不得不承认Qt自带的QChart是完爆QCustomPlot的，不仅有平滑曲线，还有各种切换动画效果，看起来丝丝滑滑，数据平滑过渡一直往前进的感觉。在自定义QCustomPlot控件的时候就考虑到了这个问题，不改变QCustomPlot本身源码的要求下，即可以是折线图也可以是平滑曲线图，平滑算法还有多种，比如采用Qt自带的贝塞尔曲线cubicTo函数来形成平滑路径，另外一种是网上找的开源的计算方法，两种对比下来最明显的区别就是一个峰更陡峭，甚至超过了对应的数据点，类似于有个惯性的感觉，线条滑的很厉害的时候刹车刹不住，还要惯性滑动一段路径。
## 二、功能特点
1. 采用分层设计，整体总共分三级界面，一级界面是整体布局，二级界面是单个功能模块，三级界面是单个控件。
2. 子控件包括饼图、圆环图、曲线图、柱状图、柱状分组图、横向柱状图、横向柱状分组图、合格率控件、百分比控件、进度控件、设备状态面板、表格数据、地图控件、视频控件等。
3. 二级界面可以自由拖动悬浮，支持最小化隐藏、最大化关闭、响应双击自定义标题栏。
4. 数据源支持模拟数据（默认）、数据库采集、串口通信（需定制）、网络 ..