前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Qt官方示例-动态曲线

Qt官方示例-动态曲线

作者头像
Qt君
发布2020-07-16 10:36:36
2.9K0
发布2020-07-16 10:36:36
举报
文章被收录于专栏:跟Qt君学编程

本示例介绍如何绘制动态数据并显示出来。

  使用QSplineSeries+定时器刷新数据实现。

1. 创建图表视图

代码语言:javascript
复制
Chart *chart = new Chart;
chart->setTitle("Dynamic spline chart");

QChartView chartView(chart);

2. 创建曲线

代码语言:javascript
复制
m_series = new QSplineSeries(this);
QPen green(Qt::red);
green.setWidth(3);
m_series->setPen(green);
m_series->append(m_x, m_y);

3. 绑定定时器

代码语言:javascript
复制
QObject::connect(&m_timer, &QTimer::timeout, this, &Chart::handleTimeout);
m_timer.setInterval(1000);

4. 追加数据,更新曲线

代码语言:javascript
复制
void Chart::handleTimeout()
{
    qreal x = plotArea().width() / m_axisX->tickCount();
    qreal y = (m_axisX->max() - m_axisX->min()) / m_axisX->tickCount();
    m_x += y;
    m_y = QRandomGenerator::global()->bounded(5) - 2.5;
    m_series->append(m_x, m_y);
    scroll(x, 0);
    if (m_x == 100)
        m_timer.stop();
}

关于更多

  • QtCreator软件可以找到:
  • 或在以下Qt安装目录找到:
代码语言:javascript
复制
C:\Qt\{你的Qt版本}\Examples\{你的Qt版本}\charts\dynamicspline
  • 相关链接
代码语言:javascript
复制
https://doc.qt.io/qt-5/qtcharts-dynamicspline-example.html
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-07-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Qt君 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 创建图表视图
  • 2. 创建曲线
  • 3. 绑定定时器
  • 4. 追加数据,更新曲线
  • 关于更多
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档