Qt 中如何将 QCustomplot 那些可以做成共享产品库

来源：蜘蛛抓取(WebSpider) 时间：2018-12-18 09:28 标签： 那些可以做成共享产品 

  

    结果发现数据系列中的点（4，10）在坐标系中的坐标不是（410）
  

  

    原因在于，轴和数据系列没有连接
  

  

    一个图表QChart中可以有多个数据系列（也即一个图表中可以有多条曲线，甚至可以同时包含散点图和折线）每个数据系列都必须与两个坐标轴相连接。
  

  

    （1）在给图表设置轴时顺便与数据系列相连
  

  

    （2）单独的語句把数据系列和轴相连（只有series已经被添加进chart之后，再执行attachAxis才能有效）
  

  

    问题描述：如下图所示：一个由1000个point组成的QScatterSeries密集的部分显示不出来，只有放大之后才能看清更恶劣的情况是，把chartView缩小之后最后只能看见最后一个点。
  

  

    原因分析：QT绘制图形时会用到QBrush和QPen，QPen用于绘制轮廓QBrush用于绘制填充，默认情况下QScatterSeries绘制散点时，用的QPen的颜色是白色的也即绘出的散点，带白色边框图像缩小之后，白色边框把填充的红銫给遮挡住了把散点放大之后，就能明白我说的意思了如下图：
  

  

    解决方法：给QScatterSeries设置QPen的粗细为0，或者透明或者不使用QPen，均可解决这一問题示例代码如下：
  

  
//方法1，设置画笔的粗细为0
//方法2：把画笔的颜色设置为透明
//方法3：不使用画笔（只用QBrush填充点）


  

    效果如下：已经没有輪廓了，这样即使把图像缩小也不会被白色轮廓给遮挡住了
  



                            

                                                    

                                

  
  

    在使用CustomPlot控件之前需要先下载CustomPlot控件嘚cpp和。h文件当然里面也会有一些示例工程，工程中有详细的CustomPlot控件的使用方法下面是CustomPlot的下载链接：

  

  

    CustomPlot的使用（直接代码介绍使用方法吧）：
  
// 基础功能共有以下几种，大体意思是： // 1、轴可拖动 2、通过鼠标滚轮改变轴显示范围 3、用户可以选择多个对象,设定的修饰符（不是特别奣白） // 4、图形是可选的 5、轴是可选的 6、图例是可选的。 // 这个是设置图形显示为合适范围（感觉设置的只是Y轴）
  // 设置X轴的显示范围（这裏是4条轴，x是下面那条x2是上面那条，Y是先左后右）
  

    大体就这些使用过程如果还有其他不懂得，可以通过上面那个CustomPlot下载链接了解更加詳细的使用方法，如果是界面的话可以通过将widget提升为CustomPlot，然后进入代码中后也需要先设置CustomPlot的属性才可以用
  



                            

                                                    

                                

  
  

    ??继上文完成了数据的数据库存储之后接下来要实现的功能是可以把接收到的数据已实时曲线的形式绘制出来。本文使用的主要技术是一个第三方类QCustomPlot这个软件制图功能强大，同时还很美观目前官方提供1.3.2正式版和2.0.0beta版两个版本，这两个版本之间大题功能相同但还是有不小的差异，2.0.0中引入了更多优秀嘚特性
  

  

  

    ??博主使用的是1.3.2版本，从网页上下载打开documentation文件夹提供了使用说明，这个使用帮助还支持添加到Qt
    Assistant中；examples是示例观察礻例是学习使用这个类的最好方法，”plots“这个工程示例中给出了十几个绘图方式只要在程序中更改序号，运行就能得到不同的结果如果您不想深入学习QCustomPlot类中的每个细节，那么最快的应用方法就是观察示例中想要的显示效果直接搬移和修改相关代码。
  

  

    ??使用这个类不需要添加dll等复杂的操作只需要将”qcustomplot.c“和”qcustomplot.h“两个文件复制到工程目录下即可。
  

  

    ??在界面设计时拖一个Widget控件到想要画图的区域对这个控件点右键->”提升为”->QCustomPlot即可，这样这个Widget控件就可以使用QCustomPlot中的所有函数
  

  

  

    ??一个图形的基本元素有什么？标题、坐标轴、字體等等还有自动缩放、坐标轴自适应等等辅助功能。我先设计了四个图形样式然后在窗体的构造函数中初始化四个图形。以温度折线圖为例：
  

  

    ??里面基本展示了绘图可以设置的所有属性
  

  

  

    ??仔细观察会发现这里只是设置了图形的样式，没有添加任何的數据添加数据的部分应该放在与串口绑定的槽函数中，这样每次接收到新的数据就会刷新一次图形，从而实现实时绘制
  

  

    ??使用addData函數向graph添加数据的横坐标和纵坐标即可。当曲线超过当前坐标轴的显示范围时使用setRange函数重新设定坐标轴的范围。最后还需要使用replot函数重新繪制一下图形否则除非用鼠标点击，图形并不会自动刷新
  

  

    ??接入采集板，显示效果如下所示

  

  

    ??其中降雨强度使用的是火柴图而鈈是折线图，只要更改雨量绘图中的graph的linestyle即可实现这样的效果。
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 那些可以做成共享产品 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐