qchart折现图_Qt开发技术：QCharts（二）QCharts折线图介绍、Demo以及代码详解

前言

红胖子，来也！

介绍了整体框架，开始动手码代码，按照顺序，从折线图开始。

补充

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

Demo

  

Demo下载地址

折线图

概述

QLineSeries类以折线图的形式显示数据。

折线图用于将信息显示为由直线连接的一系列数据点。

  

QLineSeries(折线图)

概述

QLineSeries类以折线图的形式显示数据。

折线图用于将信息显示为由直线连接的一系列数据点。

创建基本折线图：// 方式一：逐一添加，大批量数据较慢

QLineSeries* series = new QLineSeries();

series->append(0, 6);

series->append(2, 4);

...

chart->addSeries(series);

效率更高的方式为：_pLineSeries = new QLineSeries;

_pLineSeries2 = new QLineSeries;

_pLineSeries3 = new QLineSeries;

_pLineSeries4 = new QLineSeries;

QList listLine;

listLine.append(_pLineSeries);

listLine.append(_pLineSeries2);

listLine.append(_pLineSeries3);

listLine.append(_pLineSeries4);

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

{

QList listPointF;

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

{

listPointF << QPointF(index, qrand()%11);

}

listLine.at(index)->append(listPointF);

listLine.at(index)->setName(QString("通道%1").arg(index+1));

listLine.at(index)->setPen(QPen(QColor(qrand()%256, qrand()%256, qrand()%256), 2));

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

_pChart->addSeries(listLine.at(index));

}

注意：样条曲线图的QLineSeries类的使用请参考QXYS