Qt 中 QChart 由于 addSeries 和attachAxis 顺序问题导致无法显示曲线

最新推荐文章于 2024-02-01 09:50:29 发布
最新推荐文章于 2024-02-01 09:50:29 发布
阅读量2.7k 收藏 25
点赞数 7
分类专栏： Qt 编程技术 文章标签： qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liyuanbhu/article/details/127621810
版权

Qt 中 QChart 由于 addSeries 和attachAxis 顺序问题导致无法显示曲线

这两天写个程序，需要显示一个数据曲线。我原来都是用 QWT， 这次想试试 Qt 中的 QChart。结果这个 QChart 让我折腾了一天多。最开始一直画不出曲线来。后来总算发现是我几个类的使用顺序不对。这里记录一下。

正确的顺序应该是：

  1. 先建立 QChart 对象
  2. 建立 QLineSeries 或者其他的 Series
  3. 建立 QValueAxis 或者其他的 Axis 对象
  4. QChart 对象 用 addSeries 添加 QLineSeries 对象
  5. QLineSeries 用 attachAxis 绑定 Axis 对象
  6. 给 QLineSeries 对象添加数据

按照这个顺序是可以正确显示的。如果 QChart 对象 addSeries 之前，QLineSeries 先用attachAxis 绑定 Axis 对象绑定了一个axis。那么就是显示不出曲线来。
看似没有先后顺序的 第 4 第 5 步。只要搞错了就罢工。不理解QChart 为什么要这么设计。

liyuanbhu
关注
  • 7
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
Qt图形图像开发之曲线图表模块QChart库读取/设置X轴的显示区间
12-20
设置初始的显示的区间，常用的有两种方法 （1）自动 lineseries = new QLineSeries();//声明折线数据集 lineseries->append(4, 10); //填充数据集 *lineseries << QPointF xss=removed>addSeries(lineseries); // 将 数据集 添加至图表中 lineChart->createDefaultAxes();//根据数据集，自动创建坐标轴，坐标轴的区间恰好完全容纳已有的数据集
纯Javascript的统计图形报表，带实例和详细的说明文档 Highcharts
04-19
Highcharts中文帮助文档（带例子） Chart 图标区选项 Chart图表区选项用于设置图表区相关属性。 参数 描述 默认值 backgroundColor 设置图表区背景色 #FFFFFF borderWidth 设置图表边框宽度 0 borderRadius 设置图表边框圆角角度 5 renderTo 图表放置的容器，一般在html中放置一个DIV，获取DIV的id属性值 null defaultSeriesType 默认图表类型line, spline, area, areaspline, column, bar, pie , scatter 0 width 图表宽度，默认根据图表容器自适应宽度 null height 图表高度，默认根据图表容器自适应高度 null margin 设置图表与其他元素之间的间距，数组，如[0,0,0,0] [null] plotBackgroundColor 主图表区背景色，即X轴与Y轴围成的区域的背景色 null plotBorderColor 主图表区边框的颜色，即X轴与Y轴围成的区域的边框颜色 null plotBorderWidth 主图表区边框的宽度 0 shadow 是否设置阴影，需要设置背景色backgroundColor。 false reflow 是否自使用图表区域高度和宽度，如果没有设置width和height时，会自适应大小。 true zoomType 拖动鼠标进行缩放，沿x轴或y轴进行缩放，可以设置为：'x','y','xy' '' events 事件回调，支持addSeries方法，click方法，load方法，selection方法等的回调函数。 Color 颜色选项 Color颜色选项用于设置图表的颜色方案。 参数 描述 默认值 color 用于展示图表，折线/柱状/饼状等图的颜色，数组形式。 array Highcharts已经默认提供了多种颜色方案，当要显示的图形多于颜色种类时，多出的图形会自动从第一种颜色方案开始选取。自定义颜色方案的方法：
QChart问题整理
mengfz_cn的专栏
11-04 564
Qchart使用中遇到的问题问题
Qt调试Warning ‘setAxisX‘或 ‘setAxisY‘ is deprecated的解决方法
最新发布
weixin_63811723的博客
02-01 447
调试会出现Warning。
QChart的简单使用
“时光清浅，不觉多年”的博客
01-08 7244
这篇博客的目的是记录一下今天学习QChart的内容以及使用初期踩到的几个坑。 使用QChart的前期准备 1. Qt5.9及以上版本； 2. .pro文件中添加QT += charts 3. 在使用QChart的各个控件之前，必须先声明一个命名空间。方法不限，可以使用 QT_CHARTS_USE_NAMESPACE 宏值，也可以手动使用 using namespace QT_CHARTS_NAMESPACE; 结果展示 使用QChart绘制折线图 目的：绘制一个折线图，里面包含两根折线，以下是示例代码，因
QChart的简单应用
m0_63776181的博客
02-21 564
QChart的简单应用
QChart属性详解
断点
05-07 5347
图例是一个QLegend类的对象，通过QChart::legend()可以获得图表的图例.图例是根据添加的序列自动生成的，但是可以修改图例的一些属性，如在图表中的显示位置、图例文字的字体等。•轴线和刻度线：轴线是图中从左到右的表示坐标轴的直线，刻度线是垂直于轴线的短线， 包括主刻度线和次刻度线，主刻度个数是tickCount(),每两个主刻度之间的次刻度的个数是 minorTickCount()。•坐标轴标题：是在坐标轴下方显示的文字，表示坐标轴的名称，图中X轴坐标轴的标题是 "time(secs)"。
QT——Qchart实时动态曲线绘制
qq_50532267的博客
10-22 1万+
以下绘制以时间为横坐标，以随机数为纵坐标的实时动态曲线，此例子是每隔1s更新曲线。
QT中图表类QChart系列之(5)-疑难问题：坐标轴和数据不对应、密集的散点图无法显示等
野生猿-群号1025127672
10-11 1万+
问题描述： lineseries-&gt;append(4, 10); lineseries-&gt;append(5, 8); Chart-&gt;addSeries(lineseries); // 将 series 添加至图表中 axisX-&gt;setRange(0, 15);//设置X的显示范围 axisY-&gt;setRange(-20, 20); lineChart-&gt;...
QChart折线图无法显示折线和点的问题解决方法
2301_76285128的博客
08-28 540
横轴为QDatetimeAxis类型，纵轴为QValueAxisx类型，添加完数据点以后界面不显示点和线，其他正常，打印线上的点数量，发现点成功添加了。但是起初以为是插入的日期类型的点的问题，多次检查发现不是这里的问题，最后参考这篇文章。6. QLineSeries对象attachAxis()4. QChart对象addseries()7. QLineSeries对象添加数据点。5. QChart对象addAxis()2. 初始化QLineSeries对象。1. 初始化QChart对象。
Highcharts 配置选项详细说明
12-14
Highcharts 配置选项详细说明 Highcharts 提供大量的配置选项参数，您可以轻松定制符合用户要求的图表，本章节为大家详细介绍Highcharts 配置选项使用说明： 参数配置(属性+事件) chart.events.addSeries：添加数列到图表中。 chart.events.click：整个图表的绘图区上所发生的点击事件。 chart.events.load：图表加载事件。 chart.events.redraw：图表重画事件，当点击图注显示和隐藏绘图时可以触发。 chart.events.selection：当图表曲线可选择放大时，当选择图表操作时，可以触发该事件。
业务分析APIDimple.zip
07-16
Dimple 是一个面向对象的 API，它可以通过 d3.js 来创建灵活的轴线图。创建此项目的目的是让那些非 JavaScript 专家的程序员也能创建标准的（或者比较标准的）业务分析表格。示例更多示例开始添加以下代码到您的HTML中：[removed][removed]添加dimple如下：[removed][removed]就是这样！如果你不知道从哪里开始，那就一个空白的文本文档，按照以下步骤并将其保存为HTML。<head>   [removed][removed]   [removed][removed] </head> <body>   [removed]     var svg = dimple.newSvg("body", 800, 600);     var data = [       { "Word":"Hello", "Awesomeness":2000 },       { "Word":"World", "Awesomeness":3000 }     ];     var chart = new dimple.chart(svg, data);     chart.addCategoryAxis("x", "Word");     chart.addMeasureAxis("y", "Awesomeness");     chart.addSeries(null, dimple.plot.bar);     chart.draw();   [removed] </body> 标签：Dimple
learn-qt-qchart-plot-newdisplay.zip
07-22
在使用Qt进行窗口显示的过程中，我们可能需要在新窗口中展示绘图结果。本文章在前文章实现动态曲线展示的基础上，改进为新窗口实时绘制。具体[Qt]利用QChart实现实时动态的曲线数据展示可参考这里： https://blog.csdn.net/weixin_43487953/article/details/107409852 简单效果如图： 首先添加新的Qt设计师界面类 最终可得到如下界面： 在你需要的ui中添加绘图所需控件 利用widget升级为QChartView，显示图像 在主.h中 private: //新窗口 Display *m; signals: void send_list(QVector<QPointF> line); 在主.cpp中 m = new Display; connect(this,SIGNAL(send_list(QVector<QPointF>)),m,SLOT(receive_list(QVector<QPointF>))); 在新生成的数据进行发送： emit send_list(newlist); 例如： void MainWindow::updata_plot() { QVector<QPointF> list; QVector<QPointF> newlist; list = line->pointsVector();//获取现在图中列表 if (list.size() < line_max) { //保持原来 newlist = list; } else { //错位移动 for(int i =1 ; i< list.size();i++) { newlist.append(QPointF(i-1,list.at(i).y())); } } newlist.append(QPointF(newlist.size(),rand()));//最后补上新的数据 emit send_list(newlist); } 在子.h中 //QChart #include <QtCharts> using namespace QtCharts; private: //曲线 QSplineSeries* line; //绘图变量和坐标 QChart* chart; //发来数据的接收槽函数 private slots: void receive_list(QVector<QPointF> list); 在子.cpp中 line = new QSplineSeries(this); chart = new QChart(); chart->addSeries(line); //接收槽函数并进行绘制 void Display::receive_list(QVector<QPointF> list) { line->replace(list);//替换更新 line->setName("pressure");//设置曲线名称 line->setPen(QColor(255, 0, 0));//设置曲线颜色 line->setUseOpenGL(true);//openGl 加速 chart->setTitle("Pressure Data");//设置图标标题 chart->removeSeries(line); chart->addSeries(line); chart->createDefaultAxes();//设置坐标轴 ui->widget->setChart(chart); }
learn-qt-qchart-plot.zip
07-17
根据项目需求，需要在Qt中进行绘图显示我们的数据。这时候，我们就用到了Qt在5.0之后新增的自带QChart控件，不再需要我们自己再去添加第三方库。下面是详细的介绍~ 在.pro文件中 QT += charts 在.h文件中 //QChart #include <QtCharts> using namespace QtCharts; //定时器 #include <QTimer> private slots: void updata_plot(); void on_pushButton_clicked(); void on_pushButton_2_clicked(); private: //绘图定时器 QTimer *timer_plot; //曲线 QSplineSeries* line; //曲线点的最大数量 int line_max = 100; //绘图变量和坐标 QChart* chart; QValueAxis *axisX; QValueAxis *axisY; 在.cpp文件中 //将变量实例化 timer_plot = new QTimer(this); connect(timer_plot,SIGNAL(timeout()),this,SLOT(updata_plot())); line = new QSplineSeries(this); chart = new QChart(); chart->addSeries(line); axisX = new QValueAxis(this); axisY = new QValueAxis(this); //图像更新函数 void MainWindow::updata_plot() { QVector<QPointF> list; QVector<QPointF> newlist; list = line->pointsVector();//获取现在图中列表 if (list.size() < line_max) { //保持原来 newlist = list; } else { //错位移动 for(int i =1 ; i< list.size();i++) { newlist.append(QPointF(i-1,list.at(i).y())); } } newlist.append(QPointF(newlist.size(),rand()));//最后补上新的数据 line->replace(newlist);//替换更新 line->setName("pressure");//设置曲线名称 line->setPen(QColor(255, 0, 0));//设置曲线颜色 line->setUseOpenGL(true);//openGl 加速 chart->setTitle("Pressure Data");//设置图标标题 chart->removeSeries(line); chart->addSeries(line); chart->createDefaultAxes();//设置坐标轴 // axisX->setRange(0,line_max);//范围 // axisX->setTitleText("times(secs)");//标题 // axisX->setTickCount(10);//分隔个数 // axisX->setLineVisible(true);//可视化 // axisX->setLinePenColor(Qt::blue);//颜色 // axisY->setRange(-200,1200); // axisY->setTitleText("value"); // axisY->setTickCount(6); // axisY->setLineVisible(true); // axisY->setLinePenColor(Qt::blue); // chart->setAxisX(axisX,line); // chart->setAxisY(axisY,line); ui->widget_plot->setChart(chart); } void MainWindow::on_pushButton_clicked() { timer_plot->start(50);//启动定时器 } void MainWindow::on_pushButton_2_clicked() { timer_plot->stop();//关闭定时器 } 在.ui文件中
Qt图形图像开发之曲线图表模块QChart库坐标轴和数据不对应、密集的散点图无法显示问题解决方法
12-20
QChart坐标轴和数据不对应问题描述： lineseries->append(4, 10); lineseries->append(5, 8); Chart->addSeries(lineseries); // 将 series 添加至图表中 axisX->setRange(0, 15);//设置X的显示范围 axisY->setRange(-20, 20); lineChart->setAxisX(axisX);//把轴添加到图表中 lineChart->setAxisY(axisY); 结果发现，数据系列中的点（4，10）在坐标系中的坐标不是（4，10） 原因在于，轴和数据系列没有连
Qt 程序获取程序所在路径、用户目录路径、临时文件夹等特殊路径的方法
热门推荐
Ivan 的专栏
12-17 9万+
Qt 程序获取程序所在路径、用户目录路径、临时文件夹等特殊路径的方法经常我们的程序中需要访问一些特殊的路径，比如程序所在的路径、用户目录路径、临时文件夹等。在 Qt 中实现这几个功能所用的方法虽然都不难，但是各不相同，每次用到时还要现去查，很不方便。因此就写了这篇博客，把这几种需求的实现方式总结了一下。算是个备忘录吧。程序所在路径获取程序所在路径，QCoreApplication 类里就实现了相关的
Qt 串口类QSerialPort 使用笔记
Ivan 的专栏
05-06 8万+
Qt 串口类QSerialPort 使用笔记   虽然现在大多数的家用PC机上已经不提供RS232接口了。但是由于RS232串口操作简单、通讯可靠，在工业领域中仍然有大量的应用。Qt以前的版本中，没有提供官方的对RS232串口的支持，编写串口程序很不方便。现在好了，在 Qt5.1 中提供了QtSerialPort模块，方便编程人员快速的开发应用串口的应用程序。 本文就简单的讲讲QtSerial
利用 Qt 读取 XML 文件的方法
Ivan 的专栏
03-04 4万+
XML 是可扩展标记语言（Extensible Markup Language）的缩写。XML 文件由内容和标记组成，通过以标记包围内容的方式将大部分内容包含在元素中。 Qt 中提供了多种读取XML文件的方法，这里简单的记录一下用 QDomDocument 读取的步骤。为什么使用QDomDocument 呢，因为XML 本身就是一以树状结构组织数据的，而DOM 那是将数据组织为树状结构，最适合直
QImage 与 cv::Mat 之间的相互转换
Ivan 的专栏
06-27 4万+
代码有更新。请使用下面这篇文章中的代码。 https://blog.csdn.net/liyuanbhu/article/details/86307283 最近做图像处理方面的项目比较多，很多算法自己从头写的话太浪费时间，而且自己写的也不一定完善，早就听说OpenCV在图像处理算法方面功能很强大，一直没时间学习，这次正好项目用到了，临时抱佛脚学习些OpenCV入门知识。因为我的程序界面都是用Q...
qt中qchart坐标的放大显示
10-13
在Qt中，QChart是一个用于绘制图表的强大工具。要放大显示QChart的坐标，可以采取以下步骤： 1. 创建一个QChart实例，并设置其标题、坐标轴等属性。 2. 在绘制图表之前，定义一个矩形区域作为坐标的显示范围。这个矩形的大小可以根据需要进行调整。 3. 添加需要展示的数据到QChart实例中。 4. 在绘制图表之前，使用QChart的setPlotArea方法将坐标显示范围设置为步骤2中定义的矩形区域。 5. 调用QChartView的repaint()方法或QChart的update()方法，更新并显示图表。 以下是一个示例代码片段，展示了如何在Qt中使用QChart进行坐标的放大显示： ```cpp QChart chart; chart.setTitle("Chart Title"); QLineSeries *series = new QLineSeries(); series->append(0, 0); series->append(1, 1); series->append(2, 4); series->append(3, 9); series->append(4, 16); QChartView chartView(&chart); chartView.setRenderHint(QPainter::Antialiasing); QRectF plotArea(0, 0, 5, 20); // 定义坐标显示范围 chart.setPlotArea(plotArea); // 设置坐标显示范围 chart.addSeries(series); chartView.show(); ``` 以上代码创建一个QChart实例，设置了标题和一个包含5个点的线系列。然后，通过定义一个矩形区域(0, 0, 5, 20)作为坐标显示范围，使用setPlotArea()方法将其应用到QChart中。最后，使用QChartView来显示图表。 希望这个答案对您有帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值