CustomPlot 在Qt下 鼠标点击曲线 显示当前坐标

此次记录主要是为了下次使用时能回忆起来才做得笔记，若有需改进的地方，请不吝珠玉。

widget.cpp

 #include "widget.h"
 #include "ui_widget.h"
 
 Widget::Widget(QWidget *parent) :
     QWidget(parent),Chartdisplay(new ChartDisplay),
     ui(new Ui::Widget)
 {
     ui->setupUi(this);
     Chartdisplay->Ploar1Init(ui->customplot);//CustomPlot初始化
     Chartdisplay->Ploar1PrapareData();//数据填充
 }
 
 Widget::~Widget()
 {
     delete ui;
 }

widget.h

 #ifndef WIDGET_H
 #define WIDGET_H
 
 #include <QWidget>
 #include <QGroupBox>
 #include <QGridLayout>
 #include "chartdisplay.h"
 
 namespace Ui {
 class Widget;
 }
 
 class Widget : public QWidget
 {
     Q_OBJECT
 
 public:
     explicit Widget(QWidget *parent = );
     ~Widget();
 
 private:
     Ui::Widget *ui;
     ChartDisplay *Chartdisplay;
 
 };
 
 #endif // WIDGET_H

chartdisplay.cpp

 #include "chartdisplay.h"
 
 ChartDisplay::ChartDisplay(QWidget *parent) : QWidget(parent){}
 
 //CustomPlot初始化 坐标显示标签初始化
 void ChartDisplay::Ploar1Init(QCustomPlot *customplot)
 {
     //初始化坐标系范围和意义
     CustomPlot = customplot;
     CustomPlot->addGraph();
     CustomPlot->setSelectionTolerance();
     CustomPlot->graph()->setPen(QPen(Qt::darkGray,,Qt::SolidLine));
     CustomPlot->graph()->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssNone,));//曲线样式 样式大小
     CustomPlot->xAxis->setLabel("X");
     CustomPlot->yAxis->setLabel("Y");
     CustomPlot->xAxis->setRange(,);
     CustomPlot->yAxis->setRange(-,);
     CustomPlot->rescaleAxes(true);//开启自适应
     CustomPlot->setInteractions( QCP::iSelectPlottables | QCP::iRangeDrag |QCP::iRangeZoom );//先设置customplot的plottable绘图层可选  鼠标拖拽 滚轮缩放
 
     TextTip = new QCPItemText(CustomPlot);
     TextTip->setPositionAlignment(Qt::AlignTop|Qt::AlignHCenter);
     TextTip->position->setType(QCPItemPosition::ptAbsolute);
     QFont font;
     font.setPixelSize();
     TextTip->setFont(font); // make font a bit larger
     TextTip->setPen(QPen(Qt::black)); // show black border around text
     TextTip->setBrush(Qt::white);
     TextTip->setVisible(false);
     connect(CustomPlot, SIGNAL(plottableClick(QCPAbstractPlottable*, int, QMouseEvent*)), this, SLOT(OnPlotClick(QCPAbstractPlottable*, int, QMouseEvent*)));//关联选点信号
 }
 
 //CustomPlot数据填充
 void ChartDisplay::Ploar1PrapareData()
 {
     QVector<double> Xvalue();
     QVector<double> Yvalue();
     for (int i = ; i < ; i++) {
       Xvalue[i]=i;
       Yvalue[i]=*qSin(i * 10.0f / );
     }
     CustomPlot->graph()->setData(Xvalue,Yvalue);
     CustomPlot->replot();//重绘图形
 }
 
 //选点处理函数
 void ChartDisplay::OnPlotClick(QCPAbstractPlottable *plottable, int dataIndex, QMouseEvent *event)
 {
   //先获取点击的绘图层名称,然后通过名称找到图层ID,再找到对应的数据点  这里因为知道ID 所以直接使用 没有通过名称找
   const QCPGraphData *ghd = CustomPlot->graph()->data()->at(dataIndex);
   QString text = "(" + QString::number(ghd->key,,) + "," + QString::number(ghd->value,,) + ")";
   TextTip->setText(text);//文本内容填充
   TextTip->position->setCoords(event->pos().x()+, event->pos().y()-);//文本框所在位置
   TextTip->setVisible(true);
   CustomPlot->replot();
 }

chartdisplay.h

 #ifndef CHARTDISPLAY_H
 #define CHARTDISPLAY_H
 #include <QWidget>
 #include "qcustomplot.h"
 
 class ChartDisplay : public QWidget
 {
     Q_OBJECT
 public:
     explicit ChartDisplay(QWidget *parent = nullptr);
     QCustomPlot *CustomPlot;
     QCPItemText *TextTip;
     void Ploar1Init(QCustomPlot *customplot);
     void Ploar1PrapareData();
 private slots:
     void OnPlotClick(QCPAbstractPlottable *plottable, int dataIndex, QMouseEvent *event);
 };
 
 #endif // CHARTDISPLAY_H

所有文件如图1  qcustomplot.h 和 qcustomplot.cpp可以直接去这里 http://www.qcustomplot.com/找找看；

下载完成后把.cpp和.h放在工程目录下，并将cpp和h加入工程；

切记要在.pro中：QT += printsupport；

在ui中添加一个Widget，右键提升为，如图2 输入：QCustomPlot，下面自动生成头文件，记得深蓝色部分要勾选 然后点提示即可

最后改变对象名称为customplot就可以和上面的代码吻合了；

图1

图2

效果图如图3所示  由于只是测试是否可以显示坐标，所以没有改进代码， 显示后挥之不去，哈哈^_^有点小尴尬。不过实际做项目的时候会在线程加上下面这句代码，实际效果还没有测试。（实测中发现如果不太耐心的人点击的时候应该会疯掉的罒ω罒）

 TextTip->setVisible(false);

图3

这只是一个基础代码，功能不是太多，需要后续拓展。我就不多解释代码了，注释应该已经很清楚了。

　　　　　　　　　　常怀一颗心————空杯心