Qt超强绘图QCustomplot 动态图静态图时间坐标轴

前言:

前段时间用 QChart 模块画图,一条曲线上面放8000条数据就会卡的不行,必须要换个其他的控件找到了QCustomplot
这个功能很强 画曲线图折线图柱状图动态静态 放大缩小 都很好用 10w条数据量无压力 秒画出来 一点也不卡
这是下载地址
https://www.qcustomplot.com/index.php/download
里面分为
QCustomPlot 2 和 QCustomPlot 1 我用的2 这两个有一些函数的差异
下载解压 以后 我们只需要 qcustomplot.h 和 qcustomplot.cpp
!!!pro 文件里面 写入 QT+= printsupport!!!

动态效果

Qt超强绘图QCustomplot 动态图静态图时间坐标轴_第1张图片

画静态图

//他继承QWidget 所以构造里面 放控件就会画到控件上
QCustomPlot *pCustomPlot = new QCustomPlot(ui->label);
//添加一条曲线
QCPGraph* pgraph = pCustomPlot->addGraph();

//给曲线准备数据 设置数据 
    QVector<double> x(80000);
    QVector<double> y(80000);

    for(int i = 0; i<x.size();i++)
    {
        x[i] = i;
        if(i%2==0)
            y[i] = 10;
        else
            y[i] = 20;
    }
	
	//设置数据
    pCustomPlot->graph(0)->setData(x,y);

	//设置Y轴范围
    pCustomPlot->yAxis->setRange(0,30);
	//x轴名字
    pCustomPlot->xAxis->setLabel("X");
    //Y轴名字
    pCustomPlot->yAxis->setLabel("Y");
	//设置大小
    pCustomPlot->resize(ui->label->width(),ui->label->height());
	//可以进行鼠标位置 放大缩小 拖拽  放大缩小坐标系!!!功能非常强大
    pCustomPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);

	//重绘 每次改变完以后都要调用这个进行重新绘制
    pCustomPlot->replot();

Qt超强绘图QCustomplot 动态图静态图时间坐标轴_第2张图片

画时间为坐标轴的静态图

大致差不多 区别在于x轴改为时间

    QCustomPlot* p2 = new QCustomPlot(ui->label_2);

    QVector<double> time;
    QVector<double> y;

	//模拟几个时间 .toTime_t()是转换为 时间戳 从1970年到现在的秒数
    time<<QDateTime::fromString("2019-01-15 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
    time<<QDateTime::fromString("2019-01-25 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
    time<<QDateTime::fromString("2019-02-15 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
    time<<QDateTime::fromString("2019-02-25 17:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();
    time<<QDateTime::fromString("2019-03-27 13:08:23","yyyy-MM-dd hh:mm:ss").toTime_t();

    y<<5<<15<<5<<15<<5;
	
	//增加一条线
    p2->addGraph();
    //设置Y轴范围
    p2->yAxis->setRange(0,20);
    
	//QCPAxisTickerDateTime 时间坐标轴 必须要用 智能指针 
    QSharedPointer<QCPAxisTickerDateTime> timer(new QCPAxisTickerDateTime);

	//设置时间格式
    timer->setDateTimeFormat("yyyy-MM-dd");
    //设置时间轴 一共几格
    //timer->setTickCount(6);
    //设置label 旋转30° 横着显示可能显示不全 
    p2->xAxis->setTickLabelRotation(30);

   // timer->setTickStepStrategy(QCPAxisTicker::tssMeetTickCount);
	//设置坐标轴
    p2->xAxis->setTicker(timer);

    p2->xAxis->setRange(time.at(0),time.at(4));

    p2->graph(0)->setData(time,y);

    p2->resize(ui->label_2->width(),ui->label_2->height());

     p2->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);

Qt超强绘图QCustomplot 动态图静态图时间坐标轴_第3张图片

下图动态曲线是我用传感器采集的,你们没有传感器代码我就不提供了
我提供了一个画动态图的demo 下方↓

Qt超强绘图QCustomplot 动态图静态图时间坐标轴_第4张图片

画动态曲线

假设图像只显示10个点 第11个点将会把第一个点挤出去 就是一个vector 出栈入栈 里面一直保持10个数据

		//QVector sx_vec,xAxis_vec 存放数据的容器
 	
		//m_chartPoint_counter  计数器  一直增加 来一条数据增加一下 控制x轴前进 实现动态效果
	
		//这时容器里面还没10个点 所有一直向里面存
        if(m_chartPoint_counter < 10)
        {
        	
            sx_vec.append(sx_);

            xAxis_vec.append(m_chartPoint_counter);
	
			//设置范围正好 能显示当前点				
            sx_plot->xAxis->setRange(0,xAxis_vec.at(xAxis_vec.size()-1));
          

        }
        else
        {
        	//容器数据现在是正好10个  把第一个出栈  把第11个入栈  正好还是10个数据
            sx_vec.removeFirst();
            xAxis_vec.removeFirst();
			
			//入栈
            xAxis_vec.append(m_chartPoint_counter);
            sx_vec.append(sx_);




			//设置范围正好 能显示当前点		
            sx_plot->xAxis->setRange(xAxis_vec.at(0),xAxis_vec.at(
                                         xAxis_vec.size()-1));


        }
		//设置Y轴坐标系 自动缩放以正常显示所有的数据
        sx_plot->yAxis->rescale(true);
    	//设置数据
        sx_plot->graph()->setData(xAxis_vec,sx_vec);
		//重绘制
        sx_plot->replot();

	//这里必须要一直增加 如果增加到10就不增加 效果就是第10个点一直变化 不会出现动态效果
	m_chartPoint_counter++;

这里没有准备动态图片就 想象一下吧

//图像数据清空
QCPGraph* thresholdY_line;
thresholdY_line->data().data()->clear();

这里只是介绍一些基本的功能 ,一些强大的功能 在 下载的examples里有Qt超强绘图QCustomplot 动态图静态图时间坐标轴_第5张图片

如果此文对您有帮助,请点个关注点个赞,这是对我最大的支持,谢谢!

你可能感兴趣的:(Qt)