maxlogo 发表于 2020-3-16 20:43:30

QCustomPlot之开始(一)

本帖最后由 maxlogo 于 2020-3-21 20:58 编辑

## 一、前言
QCustomPlot是Qt的一个小型第三方图表库,支持静态/动态曲线、柱状图、蜡烛图、频谱图等。使用方便,仅需在项目中加入头文件qcustomplot.h和qcustomplot.cpp源文件即可,或者把它当做一个库来添加到项目当中,需要在pro文件加入 `DEFINES += QCUSTOMPLOT_COMPILE_LIBRARY`

## 二、简单介绍QCustomPlot的几个重要类

* QCustomPlot 图表类:用于图表的显示和交互
* QCPLayer 图层:管理图层元素(QCPLayerable),所有可显示的对象都是继承自图层元素
* QCPAbstractPlottable 绘图元素:包含 曲线图(QCPGraph)、曲线图(QCPCurve)、柱状图(QCPBars)、QCPStatiBox(盒子图)、QCPColorMap(色谱图)、QCPFinancial(金融图)
* QCPAxisRect 坐标轴矩形:一个坐标轴矩形默认包含上下左右四个坐标轴,但是可以添加多个坐标轴

## 三、简单介绍QCustomPlot类

QCustomPlot类管理着所有的图层,它默认自带了六个图层,分别是:

1.背景层`background`
2.网格层`grid`
3.绘图层`main`
4.坐标轴层`axes`
5.图例层`legend`
6.overlay层`overlay`

依据层的顺序的不同,绘制的顺序也不同,越在底下的层越早绘制,当前层默认为绘图层`main`

而我们的绘图区域则在QCPAxisRect中,QCustomPlot类默认包含一个QCPAxisRect,我们可以在下图中可以看到一个QCPAxisRect一般来说会有上轴`xAxis2`、下轴`xAxis`、左轴`yAxis`和右轴`yAxis2`四个轴



## 四、简单使用

我们以官方的一个简单示例来结束这篇
```
void MainWindow::setupQuadraticDemo(QCustomPlot *customPlot)
{
    QVector<double> x(101), y(101);
    for (int i = 0; i < 101; ++i) {
      x = i / 50.0 - 1; // -1 到 1
      y = x * x;
    }

    customPlot->addGraph();                     // 添加一个曲线图QGraph
    customPlot->graph(0)->setData(x, y);          // 为曲线图添加数据
    customPlot->graph(0)->setName("第一个示例");   // 设置曲线图的名字
    customPlot->xAxis->setLabel("x");             // 设置x轴的标签
    customPlot->yAxis->setLabel("y");
    customPlot->xAxis->setRange(-1, 1);         // 设置x轴的范围为(-1,1)
    customPlot->yAxis->setRange(0, 1);
    customPlot->legend->setVisible(true);         // 显示图例
}
```



yafeilinux 发表于 2020-3-16 21:33:16

图片上传不了吗?
页: [1]
查看完整版本: QCustomPlot之开始(一)