Qt绘制动态曲线

首先*.pro文件中加一句

QT       += charts

然后
mainwindow.cpp文件如下:
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "QtCharts/QChart"
#include "QLineSeries"
#include "QValueAxis"
#include "QTimer"
#include "QTime"
#include "QList"
#include "qmath.h"
#include "QPointF"
#include "QDebug"

//#include <QtCharts/QChartGlobal>
#include "QChartView"

QT_CHARTS_USE_NAMESPACE
QChart *m_chart;
QLineSeries *m_series;
//QList<double> dataList;//存储业务数据
int maxSize = 5000;
int tem=0,flag=0;
//QTimer updateTimer;
int timeId;
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),//默认初始化?
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    m_chart = new QChart;//图表类
    QChartView *chartView = new QChartView(m_chart);//图表视窗类
//    v.setRubberBand(QChartView::HorizontalRubberBand);
    chartView->setRubberBand(QChartView::RectangleRubberBand);//在图表窗口设置矩形橡皮筋
//    chartView->setRubberBand();

    m_series = new QLineSeries;//线 连续类
    m_chart->addSeries(m_series);//在图表类添加连续线

    for(int i=0;i<maxSize;++i){
       m_series->append(i,0);//在线连续类附加坐标x&y
    }
    m_series->setUseOpenGL(true);//openGl 加速
    qDebug()<<m_series->useOpenGL();

    QValueAxis *axisX = new QValueAxis;//数值轴类
    axisX->setRange(0,maxSize);//设置X坐标的范围
    axisX->setLabelFormat("%g");//设置标签格式
    axisX->setTitleText("axisX");//设置X坐标的标题名称

    QValueAxis *axisY = new QValueAxis;
    axisY->setRange(0,2000);//设置Y坐标的范围  可以设置负数
    axisY->setTitleText("axisY");//设置Y坐标的标题名称

    m_chart->setAxisX(axisX,m_series);//将轴添加在图表中
    m_chart->setAxisY(axisY,m_series);//
    m_chart->legend()->hide();//图列隐藏 有一个蓝色的小点被隐藏了。
    m_chart->setTitle("demo");//设置曲线表的名称

    QVBoxLayout *layout = ui->verticalLayout;//垂直布局 方框类
    layout->addWidget(chartView);//在方框内添加图表视窗
    timeId = startTimer(0);//感觉像是刷新频率的延时。 定义了timeId整型变量作为刷新的定时器变量。
}


double MainWindow::getData(double time){

    double s = qCos( time * M_PI * 2 ) ;
    return s;
}

void MainWindow::timerEvent(QTimerEvent *event){//定时器事件
    if(event->timerId()==timeId){//定时器到时间,//模拟数据填充
        static QTime dataTime(QTime::currentTime());//现在的时间
        long int eltime = dataTime.elapsed();//消逝的时间
        static int lastpointtime = 0;//最后一点时间
        int size = (eltime - lastpointtime);//数据个数
        qDebug()<<"size-->"<<size;
        if(isVisible()){//判断一个控件是否可见
            //矢量类 < 打印函数类 >
            QVector<QPointF> oldPoints = m_series->pointsVector();//线连续类 点向量//Returns the points in the series as a vector
            QVector<QPointF> points;//点

             for(int i=size;i<oldPoints.count();++i){
                 points.append(QPointF(i-size ,oldPoints.at(i).y()));//替换数据用
             }

                if(tem < 1000 && flag == 0)
                {
                    tem+=10;
                    if(tem>=999)
                        flag=1;
                }
                if(tem >0 && flag==1)
                {
                    tem-=10;
                    if(tem<=0)
                        flag=0;
                }
             qint64 sizePoints = points.count();
              for(int k=0;k<size;++k){
                //points.append(QPointF(k+sizePoints,1.2*getData((((double)lastpointtime+k+1)/1000))));
                points.append(QPointF(k+sizePoints,tem));
             }
            m_series->replace(points);//替换以前的点
            lastpointtime = eltime;//消逝的时间复制给最后一点的时间。
       }
    }
}
MainWindow::~MainWindow()
{
    delete ui;
}
然后mainwindow.h如下:
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();
protected:
    void timerEvent(QTimerEvent *event) Q_DECL_OVERRIDE;
private:
    Ui::MainWindow *ui;
    double getData(double time);

};

#endif // MAINWINDOW_H
在此作者的基础上做了一些备注与修改:
https://blog.csdn.net/HiccupHiccup/article/details/74996618

原文地址:https://www.cnblogs.com/jiuqiang/p/10048259.html

时间: 2024-08-05 05:24:47

Qt绘制动态曲线的相关文章

pyqt中使用matplotlib绘制动态曲线

一.项目背景: 看了matplotlib for python developers这本书,基本掌握了在pyqt中显示曲线的做法,于是自己写一个. 二.需求描述: 1)X轴显示时间点,显示长度为1分钟,每一秒钟绘制一个点,X轴长度超过1分钟,则左移1秒刻度,实现动态效果 2)Y轴显示随机变化的数值,1-100 三.准备工作 1环境:python3.3,eric5,pyqt4 四.开始动手: 使用Eric创建新项目: 在设计编码前期主要用到Eric的两个窗口:源码和窗体浏览器,类似delphi.

【MFC】MFC绘制动态曲线,用双缓冲绘图技术防闪烁

摘自:http://zhy1987819.blog.163.com/blog/static/841427882011614103454335/ MFC绘制动态曲线,用双缓冲绘图技术防闪烁 2011-07-14 10:34:54|  分类: 学习笔记 |  标签:双缓冲绘图技术  mfc  动态曲线   |举报 |字号 订阅 先上效果图 随着时间的推移,曲线向右平移,同时X轴的时间坐标跟着更新.一.如何绘制动态曲线. 所谓动画,都是一帧一帧的图像连续呈现在用户面前形成的.所以如果你掌握了如何绘制静

pyqt中使用matplotlib绘制动态曲线 – pythonic

一.项目背景: 看了matplotlib for python developers这本书,基本掌握了在pyqt中显示曲线的做法,于是自己写一个. 二.需求描述: 1)X轴显示时间点,显示长度为1分钟,每一秒钟绘制一个点,X轴长度超过1分钟,则左移1秒刻度,实现动态效果 2)Y轴显示随机变化的数值,1-100 三.准备工作 1环境:python3.3,eric5,pyqt4 四.开始动手 : 使用Eric创建新项目: 在设计编码前期主要用到Eric的两个窗口:源码和窗体浏览器,类似delphi.

4. 绘制光谱曲线QGraphicsView类

一.前言 Qt的QGraphicsView类具有强大的视图功能,与其一起使用的还有QGraphicsScene类和QGraphicsItem类.大体思路就是通过构建场景类,然后向场景对象中增加各种图元,最后利用QGraphicsView类对场景进行显示. 二.绘制光谱曲线 实现功能主要有: 1 传递点击图像行列号,然后绘制曲线,代码如下: 1 void SpectralProfileDialog::AddPressSlot() 2 { 3 //setModal(0); 4 HyperProces

QT绘制B样条曲线

²  贝塞尔曲线 贝塞尔曲线是通过一组多边折线的各顶点来定义.在各顶点中,曲线经过第一点和最后一点,其余各点则定义曲线的导数.阶次和形状.第一条和最后一条则表示曲线起点和终点的切线方向. ²  B样条曲线 针对贝塞尔曲线存在的一些缺点,数学家们提出了B样条方法,在保留贝塞尔全部优点的同时,克服可贝塞尔方法的弱点. 1)      二次B样条曲线 2)      三次B样条曲线 QT中的QPainter提供了绘制贝塞尔曲线的相关API: void QPainterPath::quadTo(cons

使用HighCharts描绘多个Y轴的动态曲线。

调试了一整天,终于显示出来了. 详细例子参照官网的demo:http://www.hcharts.cn/demo/index.php 在这只贴出关键部分的JS代码 1. chart (就是在events的load里写一个实时获取的方法.通过json调用去后台拉新数据加到series里) 1 chart: { 2 renderTo: 'chart_spline', //图表放置的容器,DIV 3 defaultSeriesType: 'spline', //图表类型为曲线图 4 events: {

Sketch Nyquist plot 徒手绘制Nyquist 曲线

Sketch Nyquist plot 这是相当纠结的领悟.我始终没明白Nyquist曲线究竟是怎么回事,简直痛苦 之前讲了 波特图入门 徒手绘制波特图 波特图就是讲幅频特性和相频特性分别绘制在两幅图片上,而Nyquist曲线是将这两幅图合并成一幅图. 现实生活中多是黑箱模型,系统内部的结构是不知道的,为了测试系统的幅频特性和相频特性,会采用向系统输入各种频率不同的正弦信号的形式,(默认线性系统),这样得到输出信号和输入信号做比较.每一个频率都有对应的输出幅值和相角! 什么是Nyquist曲线?

Android 绘制动态图

最近准备技能大赛,需要将从传感器中读出的数据在移动客户端以图的形式绘制出来,因为平时很少绘图,于是各种查资料,算是勉强做出来了. 以下是大赛理论效果图(左)和实际效果图(右),真的是理想很丰满,现实很骨感啊! 制作的整体思路: 创建一个继承与View类自定义类 自定义类覆盖其中的onDraw()方法 在MainActivity中invalidate()方法来调用onDraw()方法来进行图形的重绘. 绘制一个基本表: (注意:代码中使用了变量) 1.绘制矩形 Paint paint = new

C#WPF 如何绘制几何图形 图示教程 绘制sin曲线 正弦 绘制2D坐标系 有图有代码

C#WPF 如何绘制几何图形? 怎么绘制坐标系? 这离不开Path(System.Windows.Shapes)和StreamGeometry(System.Windows.Media)类. 一.建立WPF工程 二.添加代码 MainWindow.xaml 中代码 <Window x:Class="WPFDrawingTraning.MainWindow"         xmlns="<a target=_blank href="http://sche