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 = 0);
    ~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(1);
    CustomPlot->graph(0)->setPen(QPen(Qt::darkGray,3,Qt::SolidLine));
    CustomPlot->graph(0)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssNone,1));//曲线样式 样式大小
    CustomPlot->xAxis->setLabel("X");
    CustomPlot->yAxis->setLabel("Y");
    CustomPlot->xAxis->setRange(0,100);
    CustomPlot->yAxis->setRange(-100,100);
    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(15);
    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(100);
    QVector<double> Yvalue(100);
    for (int i = 0; i < 100; i++) {
      Xvalue[i]=i;
      Yvalue[i]=100*qSin(i * 10.0f / 100);
    }
    CustomPlot->graph(0)->setData(Xvalue,Yvalue);
    CustomPlot->replot();//重绘图形
}

//选点处理函数
void ChartDisplay::OnPlotClick(QCPAbstractPlottable *plottable, int dataIndex, QMouseEvent *event)
{
  //先获取点击的绘图层名称,然后通过名称找到图层ID,再找到对应的数据点  这里因为知道ID 所以直接使用 没有通过名称找
  const QCPGraphData *ghd = CustomPlot->graph(0)->data()->at(dataIndex);
  QString text = "(" + QString::number(ghd->key,10,0) + "," + QString::number(ghd->value,10,0) + ")";
  TextTip->setText(text);//文本内容填充
  TextTip->position->setCoords(event->pos().x()+30, event->pos().y()-15);//文本框所在位置
  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

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

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