最近接到一个QtQChart曲线图美化的需求,画一个折线图，关键点使用空心的圆点标识出来，鼠标移动到关键点上，显示出当前数值；鼠标移走数值消失。效果图如下：我们遇到这个需求的时候，第一时间就会想到使用QLineSeries画折线图。首先初始化QChart*chart=newQChart();chart->legend()->setVisible(false);ui->chartView->setChart(chart);ui->chartView->setRenderHint(QPainter::Antialiasing);chart->setBackgr...
继续阅读 >
分类：Qt图形图像开发
QT滚动区控件(滚动条控件)QScrollArea简介滚动区域控件QScrollArea用于显示一个画面中的子部件的内容。如果部件超过画面的大小，视图可以提供滚动条，这样就可以看到部件的整个区域。QScrollArea属于控件容器类，可以直接在ui中拖出来。对于QScrollArea，最难搞懂的就是：如何控制它，才能让它在我们想要出现滚动条的时候出现滚动条。我们拖入一个QScrollArea，再向他里面拖入4个button，观察信息如下：可以发现，4个button并不是...
继续阅读 >
首先要了解QChartView、QChart、QLineSeries、QValueAxis的实体之间的关系，例如一个QChartView中可以包含几个QValueAxis？这些可参考Qt图形图像开发曲线图表模块QChart库基本用法、各个类之间的关系说明每个chart可以包含多个QLineSeries数据系列，每个QLineSeries数据系列又包含了2个QValueAxis数值轴或QDateTimeAxis时间轴。那么这个chart中的多个数据系列，一起显示在同一个chart中，会是什么情形？新建ui工程，并添加MainWin...
继续阅读 >
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）原因在于，轴和数据系列没有连接。一个图表QChart中可以有多个数...
继续阅读 >
2020
09-24
09-24
Qt图形图像开发曲线图表模块QChart库缩放/平移详细方法与实例
1、使用QChartView来缩放（1）用鼠标框选一个矩形，把图放大到这个矩形QChartView::setRubberBand(QChartView::RectangleRubberBand);//XY方向同时放大到鼠标画出的矩形大小（也可以设置为只放大X轴或Y轴）（2）setRubberBand函数同时也能使鼠标右键，具备缩小图的功能。2、使用Qchart来平移和缩放QChart::scroll(-10,5);//整体平移(-10,5)，两个参数分别为Δx和ΔyQChart::zoomIn(x,y,width,height);//缩放到指定的矩形QChart::...
继续阅读 >
2020
09-24
09-24
Qt图形图像开发之曲线图表模块QChart库读取/设置X轴的显示区间
设置初始的显示的区间，常用的有两种方法（1）自动lineseries=newQLineSeries();//声明折线数据集lineseries->append(4,10);//填充数据集*lineseries<<QPointF(13,5)<<QPointF(17,6);lineChart=newQChart();//创建图表lineChart->addSeries(lineseries);//将数据集添加至图表中lineChart->createDefaultAxes();//根据数据集，自动创建坐标轴，坐标轴的区间恰好完全容纳已有的数据集//lineChart->axisX()->setRa...
继续阅读 >
2020
09-24
09-24
Qt图形图像开发曲线图表模块QChart库基本用法、各个类之间的关系说明
如何编译安装QChart请查看下面文章Qt图形图像开发之曲线图表库QtChart编译安装详细方法与使用实例使用Qt曲线图表模块Chart库首先要注意3点：（1）在.pro文件中添加：QT+=charts。（2）用到QChart的文件中添加：QT_CHARTS_USE_NAMESPACE，或者：usingnamespaceQtCharts;在ui界面中拖入一个graphicsView控件，然后右击提升为QChartView类，写提升为的类：QtCharts::QChartView，头文件写：qchartview.h（3）别忘了在用到QChartVi...
继续阅读 >
2020
09-24
09-24
Qt图形图像开发之曲线图表库QChart编译安装详细方法与使用实例
Qt曲线图表库QtChart简介Qt的线性绘图控件有大名鼎鼎的Qwt，ChartDirector，小巧玲珑的QCustomPlot，当然还有自家的QtChart。长久以来QtChart在Qt家族里一直是收费的模块，只有商业版才可以使用，但Qt5.7之后将开放其权限，可参见：Qt5.7亮瞎眼的更新。下面将介绍如何安装QtChart并进行简单的绘图。Qt曲线图表库QtChart下载这里用git下载QtChart，参考QtCharts5.7.0安装教程Git地址：https://github.com/qtproject/qtcharts...
继续阅读 >
Qt曲线图模块QCustomPlot库介绍QCustomPlot是一个小型的Qt画图标类，支持绘制静态曲线、动态曲线、多重坐标曲线，柱状图，蜡烛图等。只需要在项目中加入头文件qcustomplot.h和qcustomplot.cpp文件，然后使一个widget提升为QCustomPlot类，即可使用。QCustomPlot官网： http://www.qcustomplot.com/QCustomPlot下载地址： http://www.qcustomplot.com/index.php/download QCustomPlot帮助文件QCustomPlot源码包中...
继续阅读 >
Qt曲线图模块QCustomPlot库介绍QCustomPlot是一个小型的Qt画图标类，支持绘制静态曲线、动态曲线、多重坐标曲线，柱状图，蜡烛图等前段时间用QChart模块画图,一条曲线上面放8000条数据就会卡的不行必须要换个其他的控件，后来找到了曲线图模块QCustomplot库这个库性能非常好，画曲线图折线图柱状图动态静态，放大缩小，都很好用，10w条数据量无压力秒画出来一点也不卡下载地址https://www.qcustomplot.com/index.php/download里面...
继续阅读 >