Customplot画多条折线图，同时可以控制每条曲线的隐藏和显示
发布时间：2023-09-27 10:30
Customplot多条曲线的控制
前言
开始使用Qcharts画图，大数据性能极差。于是转用Customplot画图，主要进行数据的实时更新和大量数据的加载
一、模拟数据
采用子线程创建模拟数据，采用队列存储。
#pragma once
#include #include \"QTgui .h\"
#include ();
// 要想线程一直运行 就用 while 不会运行一次就结束了
while (1)
{
SetRandNum();
QVariant var;
var.setValue(datamap);
emit sigCurrentImage1(var);
this_thread::sleep_for(std::chrono::milliseconds(1000));
}
}
void QTgui::SetRandNum()
{
for (int i = 0; i < 1; i++)
{
for (int j = 0; j < 3600; j++)
{
QTime time(QTime::currentTime());
int nowtime = time.msecsSinceStartOfDay();
QPointF currentpoint = QPointF(nowtime, qrand() % 101);
if (datamap.count(QString::number(i)) > 0)
{
if (datamap[QString::number(i)].size() > 3600)
{
datamap[QString::number(i)].dequeue();
datamap[QString::number(i)].enqueue(currentpoint);
}
else
{
datamap[QString::number(i)].enqueue(currentpoint);
}
}
else
{
QQueue<QPointF> dataqueue;
dataqueue.enqueue(currentpoint);
datamap.insert(QString::number(i), dataqueue);
}
}
//QTime time(QTime::currentTime());
//int nowtime = time.msecsSinceStartOfDay();
//QPointF currentpoint = QPointF(nowtime, qrand() % 101);
//if (datamap.count(QString::number(i)) > 0)
//{
// if (datamap[QString::number(i)].size() > 1000000)
// {
// datamap[QString::number(i)].dequeue();
// datamap[QString::number(i)].enqueue(currentpoint);
// }
// else
// {
// datamap[QString::number(i)].enqueue(currentpoint);
// }
//}
//else
//{
// QQueue dataqueue;
// dataqueue.enqueue(currentpoint);
// datamap.insert(QString::number(i), dataqueue);
//}
auto aa = 0;
}
}
数据有坐标点和时间点2种，测试注释掉了时间点。
二、主界面槽函数绑定
主要用于连接数据线程和UI槽函数的连接。
#pragma once
#include#include \"QtWidgetsApplication7.h\"
#include\"qcustomplot.h\"
#include\"LineChartTest.h\"
#if _MSC_VER >= 1600 //VS2015>VS>VS2010, MSVC VER= 10.0 -14.0 防止乱码
#pragma execution_character_set(\"utf-8\")
#endif
QtWidgetsApplication7::QtWidgetsApplication7(QWidget *parent)
: QMainWindow(parent)
{
ui.setupUi(this);
Init();
}
void QtWidgetsApplication7::Init()
{
g1 = new QTgui(this);
g1->start();
connect(g1, SIGNAL(sigCurrentImage1(QVariant)), this, SLOT(slot2(QVariant)));
LineChartTest *cht = new LineChartTest(this);
connect(this, SIGNAL(SendData(QMap<QString, QQueue<QPointF>>)), cht, SLOT(ShowData(QMap<QString, QQueue<QPointF>>)));
connect(this, SIGNAL(SendData(QMap<QString, QQueue<QPointF>>)), cht, SLOT(Run(QMap<QString, QQueue<QPointF>>)));
QVBoxLayout *layout3 = new QVBoxLayout();
layout3->addWidget(cht);
ui.widget->setLayout(layout3);
}
QtWidgetsApplication7::~QtWidgetsApplication7()
{
g1->terminate();//主动结束线程
g1->deleteLater();
}
void QtWidgetsApplication7::slot2(QVariant data)
{
ui.label->setText(QString::number(a++));
QMap<QString, QQueue<QPointF>> d=data.value<QMap<QString, QQueue<QPointF>>>();
SendData(d);
}
三、UI界面设置和显示
展示实时数据和更新界面。启用定时器更新界面。
#pragma once
#include #include \"LineChartTest.h\"
#include dateTicker(new QCPAxisTickerDateTime);//日期做X轴
//dateTicker->setDateTimeFormat(\"m:s\");//日期格式(可参考QDateTime::fromString()函数)
//customPlot->xAxis->setTicker(dateTicker);//设置X轴为时间轴
//customPlot->xAxis->setRange(0, 3601);
customPlot->xAxis->ticker()->setTickCount(37);//11个主刻度
customPlot->xAxis->setLabel(\"X轴\");//轴标签
customPlot->yAxis->setLabel(\"Y轴\");//轴标签
customPlot->yAxis->setRange(-30, 200);
customPlot->xAxis->setUpperEnding(QCPLineEnding::esSpikeArrow);//x轴终点箭头图案
customPlot->xAxis->setLowerEnding(QCPLineEnding::esDisc);//x轴起点圆点图案
customPlot->yAxis->setUpperEnding(QCPLineEnding::esSpikeArrow);//x轴起点圆点图案
layout->addWidget(customPlot);
customPlot->setOpenGl(true);
customPlot->addGraph(0)->setPen(QPen(Qt::red));
// 允许用户用鼠标拖动轴范围，用鼠标滚轮缩放，点击选择图形:
customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom | QCP::iSelectPlottables);
ui.widget->setLayout(layout);
}
void LineChartTest::Run(QMap<QString, QQueue<QPointF>> data)
{
int nowtime = QTime::currentTime().msecsSinceStartOfDay(); // 当前时间总的毫秒数
customPlot->clearGraphs(); //请清除所有
customPlot->xAxis->rescale(true);//调整X轴的范围，使之能显示出所有的曲线的X值
customPlot->yAxis->rescale(true);//调整Y轴的范围，使之能显示出所有的曲线的Y值
customPlot->xAxis->setRange(0, data[\"0\"].size());
//series->setObjectName(\"温度1\");
series[0]= customPlot->addGraph();
series[0]->setName(\"温度1\");
series[0]->setPen(QPen(Qt::red));
series[1] = customPlot->addGraph();
series[1]->setName(\"湿度1\");
series[1]->setPen(QPen(Qt::blue));
for (int i = 0; i < data[QString::number(0)].size(); i++)
{
//给曲线添加数据
//series->addData(data[QString::number(0)].at(i).x()*0.001, data[QString::number(0)].at(i).y());
series[0]->addData(i, data[QString::number(0)].at(i).y());
series[1]->addData(i, data[QString::number(0)].at(i).y()+50);
}
//this_thread::sleep_for(std::chrono::milliseconds(1));
}
//更新绘图 同时分别显示对应曲线
void LineChartTest::Show_Plot()
{
if (status)
{
for (int i = 0; i < 2; i++)
{
if (series[i]->name() == \"温度1\")
{
series[i]->setVisible(false);
}
}
status = !status;
}
else
{
for (int i = 0; i < 2; i++)
{
if (series[i]->name() == \"湿度1\")
{
series[i]->setVisible(false);
}
}
status = !status;
}
customPlot->replot(QCustomPlot::rpQueuedReplot);
}
效果展示
![\"Customplot画多条折线图，同时可以控制每条曲线的隐藏和显示_第1张图片\"](\"https://img.it610.com/image/info8/6fa244c29b0b473ea3ce0cf037ec3a3e.gif\")
下载地址：https://download.csdn.net/download/qq_38491692/85311194
总结
本文主要介绍了一个基本的绘制曲线的流程，线程产生数据，定时更新。解决界面卡顿问题。