qchart怎么提升_Qt开发技术：QCharts（四）QChart面积图介绍、Demo以及代码详解

前言

红胖子，来也！

按照顺序，本章为面积图。

补充

QCharts所有的图表都依赖《Qt开发技术：QCharts(一)QCharts基本介绍以及图表框架详解》中的QChart、QChartView、QLegend、QValueAxis。

Demo

Demo下载地址

当前为v1.1.0版本

CSDN：https://download.csdn.net/download/qq21497936/12753524

QQ群：1047134658(点击“文件”搜索“qChartsTools”，群内与博文同步更新)

面积图

概述

面积图是使用QAreaSeries类或AreaSeries QML类型实现的。默认情况下，X轴被用作一个边界和QLineSeries或线列作为另一个。但是，可以使用QLineSeries或LineSeries作为两个边界。

QAreaSeries(面积图类)

概述

QAreaSeries类在面积图中显示数据。

面积序列用于显示定量数据。它是基于一系列线，用颜色强调边界线之间的区域。由于区域序列基于行序列，QAreaSeries构造函数需要一个QLineSeries实例，该实例定义区域的上边界。默认情况下，使用绘图区域底部作为下边界绘制面积图。下边界可以由另一条线指定，而不是绘图区域的底部。在这种情况下，QAReaSeries应该用两个QLineSeries实例初始化。

注意：当下边界值大于上边界值时，术语上下边界可能会产生误导。重点是这两条边界线之间的区域将被填充。

下面的代码片段说明了如何创建基本面积图：

_pLineSeries = new QLineSeries;

_pLineSeries2 = new QLineSeries;

_pLineSeries3 = new QLineSeries;

_pLineSeries4 = new QLineSeries;

// 方式一：逐一添加，大批量数据较慢

_pLineSeries->append(0, qrand()%11);

_pLineSeries->append(1, qrand()%11);

_pLineSeries->append(2, qrand()%11);

_pLineSeries->append(3, qrand()%11);

_pLineSeries->append(4, qrand()%11);

_pLineSeries->append(5, qrand()%11);

_pLineSeries->append(6, qrand()%11);

_pLineSeries->append(7, qrand()%11);

_pLineSeries->append(8, qrand()%11);

_pLineSeries->append(9, qrand()%11);

_pLineSeries->append(10, qrand()%11);

_pLineSeries->setName("通道1");

_pLineSeries->setPen(QPen(QColor(qrand()%256, qrand()%256, qrand()%256), 2));

// 通用：将数据插入到图表中

_pAreaSeries = new QAreaSeries();

_pAreaSeries->setName("面积1");

_pLineSeries->setPointsVisible(true);

_pLineSeries->setPointLabelsFormat("(@xPoint,@yPoint)");

_pAreaSeries->setUpperSeries(_pLineSeries);

_pChart->addSeries(_pAreaSeries);

效率更高的方式为：

// 方式二：逐一添加，大批量数据插入

QList list;

list.append(_pLineSeries);

list.append(_pLineSeries2);

list.append(_pLineSeries3);

list.append(_pLineSeries4);

for(int index = 0; index < 4; index++)

{

QList listPointF;

for(int index = 0; index < 11; index++)

{

listPointF <<