qcustomplot绘制一次函数

### 使用 QCustomPlot 绘制一次函数

为了在 Qt Quick (QML) 中使用 `QCustomPlot` 来绘制一次函数，可以创建一个 C++ 类来处理绘图逻辑并与 QML 进行交互。下面是一个完整的例子展示如何实现这一点。

#### 创建自定义的C++类用于图形绘制

首先，在项目中添加一个新的头文件 `customplotwrapper.h` 和源文件 `customplotwrapper.cpp`：

// customplotwrapper.h
#ifndef CUSTOMPLOTWRAPPER_H
#define CUSTOMPLOTWRAPPER_H

#include <QObject>
#include "qcustomplot/qcustomplot.h"

class CustomPlotWrapper : public QObject {
    Q_OBJECT
public:
    explicit CustomPlotWrapper(QObject *parent = nullptr);
    
    void drawLinearFunction(double slope, double intercept);

private slots:
    void rescaleAxes();

signals:

private:
    QCustomPlot* plot;
};

#endif // CUSTOMPLOTWRAPPER_H

// customplotwrapper.cpp
#include "customplotwrapper.h"
#include <QtWidgets>

CustomPlotWrapper::CustomPlotWrapper(QObject *parent)
    : QObject(parent), plot(new QCustomPlot()) {

}

void CustomPlotWrapper::drawLinearFunction(double slope, double intercept){
    QVector<double> x(101), y(101); // 定义数据点数量
    
    for(int i=0; i<101; ++i){
        x[i] = i / 10.0 - 5; // X 轴取值范围 [-5, 5]
        y[i] = slope*x[i]+intercept; // Y 值计算公式
    }

    plot->addGraph();
    plot->graph()->setData(x,y);
    connect(plot,&QCustomPlot::afterReplot,this,&CustomPlotWrapper::rescaleAxes);
    plot->replot();  
}
   
void CustomPlotWrapper::rescaleAxes(){
    plot->rescaleAxes();
} 

此部分代码实现了基本的一次函数图像绘制功能，并通过连接信号和槽自动调整坐标轴比例[^1]。

#### 将 C++ 类注册到 QML 并调用其方法

接着修改项目的 `.pro` 文件以包含必要的库路径并声明新的模块依赖关系：

QT += quick widgets
...
INCLUDEPATH += $$PWD/../path_to_qcustomplot/
LIBS += -L$$PWD/../path_to_qcustomplot/ -lqcustomplot

最后一步是在 main 函数里实例化这个新组件并将它暴露给 QML 层面：

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QQmlApplicationEngine engine;

    qmlRegisterType<CustomPlotWrapper>("com.example", 1, 0, "CustomPlot");

    const QUrl url(QStringLiteral("qrc:/main.qml"));
    ...
}

现在可以在 QML 文件中轻松地访问这些特性了：

import com.example 1.0

Item {
    width: 800; height: 600

    CustomPlot {
        id: myPlot
        anchors.fill: parent
        
        Component.onCompleted: {
            myPlot.drawLinearFunction(-2, 3); // 斜率为-2，截距为3的一次函数
        }
    }
}

上述代码展示了如何利用 `QCustomPlot` 库中的工具以及 Qt 的跨语言编程能力来构建一个简单的应用程序界面，其中包含了动态生成的一次函数图表。