文章目录

一、前言
二、案例解说
- 0：Quadratic Demo【二次曲线demo】
- 1、Simple Demo【简单demo】
- 2、Sinc Scatter Demo【Sinc函数散点demo】
- 3、Scatter Style Demo【散点样式demo】
- 4、Line Style Demo【线型demo】
- 5、Scatter Pixmap Demo【图标散点demo】
- 6、Date Demo【日期demo】
- 7、Texture Brush Demo【纹理画刷demo】
- 8、Multi Axis Demo【多坐标轴demo】
- 9、Logarithmic Demo【对数demo】
- 10、Real Time Data Demo【实时数据demo】

一、前言

在学习一个陌生的东西时，我们常常希望有人能指引你，不然自己就会不知道从哪里入手。

官方提供的例子就是指引你的那个人，可以看看官方是怎么使用这个库的，QCustomPlot的绘图例子就在下载的文件夹中：

使用Qt Creator打开【plots】这个工程，通过代码可以看到官方提供了21个例子：

二、案例解说

0：Quadratic Demo【二次曲线demo】

void MainWindow::setupQuadraticDemo(QCustomPlot *customPlot)
{demoName = "Quadratic Demo";//准备数据，101个点的曲线数据，分为两个QVector，分别是x,yQVector<double> x(101), y(101); // initialize with entries 0..100for (int i=0; i<101; ++i){x[i] = i/50.0 - 1; // x goes from -1 to 1y[i] = x[i]*x[i];  // let's plot a quadratic function}//创建一个图层到图表QCustomPlot，使用addGraph()可以创建一个图层到图表并置顶（可以理解为Z层序递增）customPlot->addGraph();//给刚刚创建的图层设置数据，使用graph(int zIndex)可以访问图层customPlot->graph(0)->setData(x, y);//设置X轴和Y轴的标签，表示X轴和Y轴分别代表的数据customPlot->xAxis->setLabel("x");customPlot->yAxis->setLabel("y");//设置X轴和Y轴的范围customPlot->xAxis->setRange(-1, 1);customPlot->yAxis->setRange(0, 1);
}

1、Simple Demo【简单demo】

void MainWindow::setupSimpleDemo(QCustomPlot *customPlot)
{demoName = "Simple Demo";//添加两个图层//添加第一个图层customPlot->addGraph();customPlot->graph(0)->setPen(QPen(Qt::blue)); //设置第一个图层的画笔颜色：蓝色customPlot->graph(0)->setBrush(QBrush(QColor(0, 0, 255, 20))); //设置第一个图层的填充颜色//添加第二个图层customPlot->addGraph();customPlot->graph(1)->setPen(QPen(Qt::red)); //设置第一个图层的画笔颜色：红色//准备数据，251个点的曲线数据，分为三个QVector，分别是x,y0，y1，（x,y0）为第一个图层，（x,y1）为第二个图层QVector<double> x(251), y0(251), y1(251);for (int i=0; i<251; ++i){x[i] = i;y0[i] = qExp(-i/150.0)*qCos(i/10.0); // exponentially decaying cosiney1[i] = qExp(-i/150.0);              // exponential envelope}//配置上侧X轴和右侧Y轴可见，但是宽度标签不可见customPlot->xAxis2->setVisible(true);customPlot->xAxis2->setTickLabels(false);customPlot->yAxis2->setVisible(true);customPlot->yAxis2->setTickLabels(false);//将上侧X轴和下侧X轴、右侧Y轴和左侧Y轴，范围变动，绑定，同步变换connect(customPlot->xAxis, SIGNAL(rangeChanged(QCPRange)), customPlot->xAxis2, SLOT(setRange(QCPRange)));connect(customPlot->yAxis, SIGNAL(rangeChanged(QCPRange)), customPlot->yAxis2, SLOT(setRange(QCPRange)));//给图层设置数据customPlot->graph(0)->setData(x, y0);customPlot->graph(1)->setData(x, y1);//设置第一个图层坐标轴自适应，就可以看到完整的曲线customPlot->graph(0)->rescaleAxes();//后面的图层设置图层自适应要带个true,如果缺省，则第一个图层设置自适应没用customPlot->graph(1)->rescaleAxes(true);//当然，我们也可以直接调用customPlot->rescaleAxes();来实现坐标轴自适应 //设置画布可以通过鼠标拖动、通过鼠标滚轮放缩，设置曲线可以通过鼠标点选 customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom | QCP::iSelectPlottables);
}

2、Sinc Scatter Demo【Sinc函数散点demo】

void MainWindow::setupSincScatterDemo(QCustomPlot *customPlot)
{demoName = "Sinc Scatter Demo";//设置图表的图例可见和图例字体customPlot->legend->setVisible(true);customPlot->legend->setFont(QFont("Helvetica",9));//设置locale为English，因此我们得到英文十进制分隔符customPlot->setLocale(QLocale(QLocale::English, QLocale::UnitedKingdom));//添加四个图层,第一个图层和第二个图层组成淡粉色的带状区域；第三个图层为红色的虚线；第四个图层为蓝色的x散点//添加第一个图层customPlot->addGraph();QPen pen;   //初始化画笔pen.setStyle(Qt::DotLine);pen.setWidth(1);pen.setColor(QColor(180,180,180));customPlot->graph(0)->setName("Confidence Band 68%");    //设置图层名称customPlot->graph(0)->setPen(pen);    //设置图层画笔customPlot->graph(0)->setBrush(QBrush(QColor(255,50,30,20))); //设置图层画刷，只要设置了画刷，就会将曲线和X轴之间进行填充//添加第二个图层customPlot->addGraph();//移除防止显示两个confidence band在图例中//刚刚添加第二个图层，所以customPlot->legend->itemCount()-1就是指第二个图层customPlot->legend->removeItem(customPlot->legend->itemCount()-1); customPlot->graph(1)->setPen(pen);    //设置图层画笔customPlot->graph(0)->setChannelFillGraph(customPlot->graph(1));   //setChannelFillGraph()：使用当前画刷填充当前图层和目标图层之间的区域//添加第三个图层customPlot->addGraph();pen.setStyle(Qt::DashLine); //初始化画笔pen.setWidth(2);pen.setColor(Qt::red);customPlot->graph(2)->setPen(pen);   //设置图层画笔customPlot->graph(2)->setName("Theory Curve");  //设置图层名称//添加第四个图层customPlot->addGraph();customPlot->graph(3)->setPen(QPen(Qt::blue));  //设置图层画笔customPlot->graph(3)->setName("Measurement");   //设置图层名称customPlot->graph(3)->setLineStyle(QCPGraph::lsNone); //设置图层线型customPlot->graph(3)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCross, 4));  //设置散点样式//添加误差线QCPErrorBars *errorBars = new QCPErrorBars(customPlot->xAxis, customPlot->yAxis);errorBars->removeFromLegend();    //从图例中移除errorBars->setAntialiased(false);    //设置反锯齿禁用errorBars->setDataPlottable(customPlot->graph(3));   //和第四个图层绑定errorBars->setPen(QPen(QColor(180,180,180)));  //设置误差线画笔// 准备数据QVector<double> x0(250), y0(250);QVector<double> yConfUpper(250), yConfLower(250);for (int i=0; i<250; ++i){x0[i] = (i/249.0-0.5)*30+0.01; // by adding a small offset we make sure not do divide by zero in next code liney0[i] = qSin(x0[i])/x0[i]; // sinc functionyConfUpper[i] = y0[i]+0.15;yConfLower[i] = y0[i]-0.15;x0[i] *= 1000;}QVector<double> x1(50), y1(50), y1err(50);for (int i=0; i<50; ++i){// generate a gaussian distributed random number:double tmp1 = rand()/(double)RAND_MAX;double tmp2 = rand()/(double)RAND_MAX;double r = qSqrt(-2*qLn(tmp1))*qCos(2*M_PI*tmp2); // box-muller transform for gaussian distribution// set y1 to value of y0 plus a random gaussian pertubation:x1[i] = (i/50.0-0.5)*30+0.25;y1[i] = qSin(x1[i])/x1[i]+r*0.15;x1[i] *= 1000;y1err[i] = 0.15;}//设置数据到各图层customPlot->graph(0)->setData(x0, yConfUpper);customPlot->graph(1)->setData(x0, yConfLower);customPlot->graph(2)->setData(x0, y0);customPlot->graph(3)->setData(x1, y1);errorBars->setData(y1err);//设置坐标轴自适应customPlot->graph(2)->rescaleAxes();customPlot->graph(3)->rescaleAxes(true);//设置下侧X轴刻度标签样式customPlot->xAxis->setTickLabelRotation(30);  //设置刻度标签旋转30°customPlot->xAxis->ticker()->setTickCount(9); //设置customPlot->xAxis->setNumberFormat("ebc");  //设置刻度值数字格式customPlot->xAxis->setNumberPrecision(1);      //设置刻度值数字精度：小数点后1位customPlot->xAxis->moveRange(-10);   //设置//设置上测X轴和右测Y轴，克隆下测X轴和左测Y轴，使得坐标轴矩形看起来更漂亮customPlot->axisRect()->setupFullAxesBox();
}

3、Scatter Style Demo【散点样式demo】

void MainWindow::setupScatterStyleDemo(QCustomPlot *customPlot)
{demoName = "Scatter Style Demo";//设置图表的图例可见、图例字体、图例行间距customPlot->legend->setVisible(true);customPlot->legend->setFont(QFont("Helvetica", 9));customPlot->legend->setRowSpacing(-3);    //15种散点样式QVector<QCPScatterStyle::ScatterShape> shapes;shapes << QCPScatterStyle::ssCross;shapes << QCPScatterStyle::ssPlus;shapes << QCPScatterStyle::ssCircle;shapes << QCPScatterStyle::ssDisc;shapes << QCPScatterStyle::ssSquare;shapes << QCPScatterStyle::ssDiamond;shapes << QCPScatterStyle::ssStar;shapes << QCPScatterStyle::ssTriangle;shapes << QCPScatterStyle::ssTriangleInverted;shapes << QCPScatterStyle::ssCrossSquare;shapes << QCPScatterStyle::ssPlusSquare;shapes << QCPScatterStyle::ssCrossCircle;shapes << QCPScatterStyle::ssPlusCircle;shapes << QCPScatterStyle::ssPeace;shapes << QCPScatterStyle::ssCustom;QPen pen;//添加不同散点样式图层for (int i=0; i<shapes.size(); ++i){//添加图层customPlot->addGraph();pen.setColor(QColor(qSin(i*0.3)*100+100, qSin(i*0.6+0.7)*100+100, qSin(i*0.4+0.6)*100+100));  //初始化画笔颜色//准备数据QVector<double> x(10), y(10);for (int k=0; k<10; ++k){x[k] = k/10.0 * 4*3.14 + 0.01;y[k] = 7*qSin(x[k])/x[k] + (shapes.size()-i)*5;}customPlot->graph()->setData(x, y);    //设置数据到图层customPlot->graph()->rescaleAxes(true);  //设置坐标轴自适应customPlot->graph()->setPen(pen);   //设置图层画笔颜色customPlot->graph()->setName(QCPScatterStyle::staticMetaObject.enumerator(QCPScatterStyle::staticMetaObject.indexOfEnumerator("ScatterShape")).valueToKey(shapes.at(i))); //设置图层曲线名称customPlot->graph()->setLineStyle(QCPGraph::lsLine);    //设置图层曲线样式//设置散点样式if (shapes.at(i) != QCPScatterStyle::ssCustom){customPlot->graph()->setScatterStyle(QCPScatterStyle(shapes.at(i), 10));}else{QPainterPath customScatterPath;for (int i=0; i<3; ++i)customScatterPath.cubicTo(qCos(2*M_PI*i/3.0)*9, qSin(2*M_PI*i/3.0)*9, qCos(2*M_PI*(i+0.9)/3.0)*9, qSin(2*M_PI*(i+0.9)/3.0)*9, 0, 0);customPlot->graph()->setScatterStyle(QCPScatterStyle(customScatterPath, QPen(Qt::black, 0), QColor(40, 70, 255, 50), 10));}}//设置空白坐标轴线customPlot->rescaleAxes();   //设置坐标轴自适应customPlot->xAxis->setTicks(false); //隐藏下侧X轴刻度customPlot->yAxis->setTicks(false); //隐藏左侧Y轴刻度customPlot->xAxis->setTickLabels(false);    //隐藏下侧X轴刻度标签customPlot->yAxis->setTickLabels(false);  //隐藏左侧Y轴刻度标签//设置上测X轴和右测Y轴，克隆下测X轴和左测Y轴，使得坐标轴矩形看起来更漂亮customPlot->axisRect()->setupFullAxesBox();
}

4、Line Style Demo【线型demo】

void MainWindow::setupLineStyleDemo(QCustomPlot *customPlot)
{demoName = "Line Style Demo";//设置图表的图例可见、图例字体customPlot->legend->setVisible(true);customPlot->legend->setFont(QFont("Helvetica", 9));QPen pen;//六种不同线型QStringList lineNames;lineNames << "lsNone" << "lsLine" << "lsStepLeft" << "lsStepRight" << "lsStepCenter" << "lsImpulse";//添加不同线型图层for (int i=QCPGraph::lsNone; i<=QCPGraph::lsImpulse; ++i){//添加图层customPlot->addGraph();pen.setColor(QColor(qSin(i*1+1.2)*80+80, qSin(i*0.3+0)*80+80, qSin(i*0.3+1.5)*80+80));   //初始化画笔customPlot->graph()->setPen(pen);  //设置图层画笔customPlot->graph()->setName(lineNames.at(i-QCPGraph::lsNone));   //设置图层曲线名称customPlot->graph()->setLineStyle((QCPGraph::LineStyle)i);  //设置图层曲线样式customPlot->graph()->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCircle, 5));    //设置图层散点样式//准备数据QVector<double> x(15), y(15);for (int j=0; j<15; ++j){x[j] = j/15.0 * 5*3.14 + 0.01;y[j] = 7*qSin(x[j])/x[j] - (i-QCPGraph::lsNone)*5 + (QCPGraph::lsImpulse)*5 + 2;}//设置图层数据customPlot->graph()->setData(x, y);//设置图层坐标轴自适应customPlot->graph()->rescaleAxes(true);}//缩放坐标轴，scaleRange(double factor, double center)围绕center缩放factor倍customPlot->yAxis->scaleRange(1.1, customPlot->yAxis->range().center());customPlot->xAxis->scaleRange(1.1, customPlot->xAxis->range().center());//设置空白X轴线，带刻度和刻度标签的Y轴线customPlot->xAxis->setTicks(false);customPlot->yAxis->setTicks(true);customPlot->xAxis->setTickLabels(false);customPlot->yAxis->setTickLabels(true);//设置上测X轴和右测Y轴，克隆下测X轴和左测Y轴，使得坐标轴矩形看起来更漂亮customPlot->axisRect()->setupFullAxesBox();
}

5、Scatter Pixmap Demo【图标散点demo】

void MainWindow::setupScatterPixmapDemo(QCustomPlot *customPlot)
{demoName = "Scatter Pixmap Demo";//设置图表背景为自定义图片customPlot->axisRect()->setBackground(QPixmap("://solarpanels.jpg"));//添加图层customPlot->addGraph();//设置图层曲线线型customPlot->graph()->setLineStyle(QCPGraph::lsLine);QPen pen;   //初始化画笔pen.setColor(QColor(255, 200, 20, 200));pen.setStyle(Qt::DashLine);pen.setWidthF(2.5);customPlot->graph()->setPen(pen);    //设置图层画笔customPlot->graph()->setBrush(QBrush(QColor(255,200,20,70))); //设置图层画刷customPlot->graph()->setScatterStyle(QCPScatterStyle(QPixmap("://sun.png")));   //设置散点样式为自定义图片//设置图层曲线名称customPlot->graph()->setName("Data from Photovoltaic\nenergy barometer 2011");// 准备数据QVector<double> year, value;year  << 2005 << 2006 << 2007 << 2008  << 2009  << 2010 << 2011;value << 2.17 << 3.42 << 4.94 << 10.38 << 15.86 << 29.33 << 52.1;customPlot->graph()->setData(year, value);    //设置图层数据//设置图表标题customPlot->plotLayout()->insertRow(0);   //图表布局第0行插入//图表布局添加元素，在第0行、第0列，添加一个QCPTextElement元素，text为"Regenerative Energies"，字体属性为QFont("sans", 12, QFont::Bold)customPlot->plotLayout()->addElement(0, 0, new QCPTextElement(customPlot, "Regenerative Energies", QFont("sans", 12, QFont::Bold)));//坐标轴配置//设置下侧X轴标签为Year，左侧Y轴标签为Installed Gigawatts of\nphotovoltaic in the European UnioncustomPlot->xAxis->setLabel("Year");customPlot->yAxis->setLabel("Installed Gigawatts of\nphotovoltaic in the European Union");//设置上侧X轴、右侧Y轴可见customPlot->xAxis2->setVisible(true);customPlot->yAxis2->setVisible(true);//设置上侧X轴、右侧Y轴刻度标签不可见customPlot->xAxis2->setTickLabels(false);customPlot->yAxis2->setTickLabels(false);//设置上侧X轴、右侧Y轴刻度不可见customPlot->xAxis2->setTicks(false);customPlot->yAxis2->setTicks(false);//设置上侧X轴、右侧Y轴小刻度不可见customPlot->xAxis2->setSubTicks(false);customPlot->yAxis2->setSubTicks(false);//设置下侧X轴、左侧Y轴的坐标轴范围customPlot->xAxis->setRange(2004.5, 2011.5);customPlot->yAxis->setRange(0, 52);//配置图例customPlot->legend->setFont(QFont(font().family(), 7));  //设置图例字体customPlot->legend->setIconSize(50, 20);  //设置图例图标大小customPlot->legend->setVisible(true);   //设置图例可见//设置图例位置为左上方customPlot->axisRect()->insetLayout()->setInsetAlignment(0, Qt::AlignLeft | Qt::AlignTop);
}

6、Date Demo【日期demo】

void MainWindow::setupDateDemo(QCustomPlot *customPlot)
{demoName = "Date Demo";//设置locale为English，因此我们得到英文月份名称customPlot->setLocale(QLocale(QLocale::English, QLocale::UnitedKingdom));//当前时间的秒数，我们将它作为数据的起始时间点double now = QDateTime::currentDateTime().toMSecsSinceEpoch()/1000.0;srand(8); //设置随机数种子，所以我们得到的一直是相同的随机数据//创建多曲线图表for (int gi=0; gi<5; ++gi){//添加图层customPlot->addGraph();QColor color(20+200/4.0*gi,70*(1.6-gi/4.0), 150, 150);customPlot->graph()->setLineStyle(QCPGraph::lsLine);   //设置图层线型customPlot->graph()->setPen(QPen(color.lighter(200)));    //设置图形画笔customPlot->graph()->setBrush(QBrush(color));         //设置图层画刷//准备数据QVector<QCPGraphData> timeData(250);for (int i=0; i<250; ++i){timeData[i].key = now + 24*3600*i;if (i == 0)timeData[i].value = (i/50.0+1)*(rand()/(double)RAND_MAX-0.5);elsetimeData[i].value = qFabs(timeData[i-1].value)*(1+0.02/4.0*(4-gi)) + (i/50.0+1)*(rand()/(double)RAND_MAX-0.5);}//设置图层数据customPlot->graph()->data()->set(timeData);}//配置下侧X轴显示日期，而不是数字QSharedPointer<QCPAxisTickerDateTime> dateTicker(new QCPAxisTickerDateTime);dateTicker->setDateTimeFormat("d. MMMM\nyyyy"); //设置日期格式customPlot->xAxis->setTicker(dateTicker); //设置下侧X轴为日期刻度//配置左侧Y轴的刻度标签QSharedPointer<QCPAxisTickerText> textTicker(new QCPAxisTickerText);textTicker->addTick(10, "a bit\nlow"); //刻度值为10时显示a bit\nlow；textTicker->addTick(50, "quite\nhigh");   //刻度值为50时显示quite\nhigh；customPlot->yAxis->setTicker(textTicker);   //设置左侧Y轴为标签刻度//给下侧X轴和左侧Y轴刻度标签设置更紧凑的字体大小customPlot->xAxis->setTickLabelFont(QFont(QFont().family(), 8));customPlot->yAxis->setTickLabelFont(QFont(QFont().family(), 8));//设置坐标轴标签customPlot->xAxis->setLabel("Date");customPlot->yAxis->setLabel("Random wobbly lines value");//设置上侧X轴和右侧Y轴可见，但是刻度和刻度标签不可见customPlot->xAxis2->setVisible(true);customPlot->yAxis2->setVisible(true);customPlot->xAxis2->setTicks(false);customPlot->yAxis2->setTicks(false);customPlot->xAxis2->setTickLabels(false);customPlot->yAxis2->setTickLabels(false);//设置下侧X轴和左侧Y轴坐标轴范围customPlot->xAxis->setRange(now, now+24*3600*249);customPlot->yAxis->setRange(0, 60);//设置图例可见和图例背景色customPlot->legend->setVisible(true);customPlot->legend->setBrush(QColor(255, 255, 255, 150));
}

7、Texture Brush Demo【纹理画刷demo】

void MainWindow::setupTextureBrushDemo(QCustomPlot *customPlot)
{demoName = "Texture Brush Demo";//添加图层customPlot->addGraph();QPen redDotPen; //初始化画笔redDotPen.setStyle(Qt::DotLine);redDotPen.setColor(QColor(170, 100, 100, 180));redDotPen.setWidthF(2);customPlot->graph(0)->setPen(redDotPen); //设置图层画笔customPlot->graph(0)->setBrush(QBrush(QPixmap("://balboa.jpg"))); //设置图层画刷为自定义图像//添加图层customPlot->addGraph();customPlot->graph(1)->setPen(QPen(Qt::red));  //设置图层画笔//设置填充graph(0)和graph(1)之间的区域customPlot->graph(0)->setChannelFillGraph(customPlot->graph(1));//准备数据QVector<double> x(250);QVector<double> y0(250), y1(250);for (int i=0; i<250; ++i){// just playing with numbers, not much to learn herex[i] = 3*i/250.0;y0[i] = 1+qExp(-x[i]*x[i]*0.8)*(x[i]*x[i]+x[i]);y1[i] = 1-qExp(-x[i]*x[i]*0.4)*(x[i]*x[i])*0.1;}//设置图层数据customPlot->graph(0)->setData(x, y0);customPlot->graph(1)->setData(x, y1);//激活上侧X轴和右侧Y轴，上侧X轴和右侧Y轴默认是禁用的customPlot->xAxis2->setVisible(true);customPlot->yAxis2->setVisible(true);//隐藏上侧X轴和右侧Y轴的刻度标签customPlot->xAxis2->setTickLabels(false);customPlot->yAxis2->setTickLabels(false);//设置下侧X轴和左侧Y轴坐标轴范围customPlot->xAxis->setRange(0, 2.5);customPlot->yAxis->setRange(0.9, 1.6);//设置上测X轴和右测Y轴，克隆下测X轴和左测Y轴，使得坐标轴矩形看起来更漂亮customPlot->axisRect()->setupFullAxesBox();
}

8、Multi Axis Demo【多坐标轴demo】

void MainWindow::setupMultiAxisDemo(QCustomPlot *customPlot)
{//设置画布可以鼠标拖动、鼠标滚轮缩放customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);demoName = "Multi Axis Demo";//设置Locale为EnglishcustomPlot->setLocale(QLocale(QLocale::English, QLocale::UnitedKingdom)); // period as decimal separator and comma as thousand separator//设置图例可见customPlot->legend->setVisible(true);QFont legendFont = font();  //使用MainWindow的font..legendFont.setPointSize(9); //设置图例的大小customPlot->legend->setFont(legendFont); //设置图例字体customPlot->legend->setBrush(QBrush(QColor(255,255,255,230)));    //设置图例背景画刷//修改图例位置customPlot->axisRect()->insetLayout()->setInsetAlignment(0, Qt::AlignBottom|Qt::AlignRight);//添加图层//默认下侧X轴为键轴，左侧Y轴为值轴；配置图层graph(0): 下侧X轴为值轴，左侧Y轴为键轴customPlot->addGraph(customPlot->yAxis, customPlot->xAxis);customPlot->graph(0)->setPen(QPen(QColor(255, 100, 0)));   //设置图层画笔customPlot->graph(0)->setBrush(QBrush(QPixmap("://balboa.jpg"))); //设置图层自定义图像画刷customPlot->graph(0)->setLineStyle(QCPGraph::lsLine);  //设置图层曲线线型customPlot->graph(0)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssDisc, 5)); //设置图层散点样式customPlot->graph(0)->setName("Left maxwell function");   //设置图层曲线名称//添加图层customPlot->addGraph();customPlot->graph(1)->setPen(QPen(Qt::red));    //设置图层画笔customPlot->graph(1)->setBrush(QBrush(QPixmap("://balboa.jpg"))); //设置图层自定义图像画刷customPlot->graph(1)->setLineStyle(QCPGraph::lsStepCenter);    //设置图层曲线线型customPlot->graph(1)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCircle, Qt::red, Qt::white, 7));   //设置图层散点样式customPlot->graph(1)->setName("Bottom maxwell function"); //设置图层曲线名称QCPErrorBars *errorBars = new QCPErrorBars(customPlot->xAxis, customPlot->yAxis);errorBars->removeFromLegend(); //从图例中移除errorBars->setDataPlottable(customPlot->graph(1));    //误差线绑定图层graph(1)//添加图层//绑定坐标轴，上侧X轴为键轴，右侧Y轴为值轴customPlot->addGraph(customPlot->xAxis2, customPlot->yAxis2);customPlot->graph(2)->setPen(QPen(Qt::blue));       //设置图层画笔customPlot->graph(2)->setName("High frequency sine");   //设置图层曲线名称//添加图层//绑定坐标轴，上侧X轴为键轴，右侧Y轴为值轴，和graph(2)一样customPlot->addGraph(customPlot->xAxis2, customPlot->yAxis2);QPen blueDotPen;  //初始化画笔blueDotPen.setColor(QColor(30, 40, 255, 150));blueDotPen.setStyle(Qt::DotLine);blueDotPen.setWidthF(4);customPlot->graph(3)->setPen(blueDotPen);       //设置图层画笔customPlot->graph(3)->setName("Sine envelope"); //设置图层曲线名称//添加图层//绑定坐标轴，右侧Y轴为键轴，上侧X轴为值轴customPlot->addGraph(customPlot->yAxis2, customPlot->xAxis2);customPlot->graph(4)->setPen(QColor(50, 50, 50, 255)); //设置图层画笔customPlot->graph(4)->setLineStyle(QCPGraph::lsNone); //设置图层线型customPlot->graph(4)->setScatterStyle(QCPScatterStyle(QCPScatterStyle::ssCircle, 4)); //设置图层散点样式customPlot->graph(4)->setName("Some random data around\na quadratic function");   //设置图层曲线名称//准备数据QVector<double> x0(25), y0(25);QVector<double> x1(15), y1(15), y1err(15);QVector<double> x2(250), y2(250);QVector<double> x3(250), y3(250);QVector<double> x4(250), y4(250);for (int i=0; i<25; ++i) // data for graph 0{x0[i] = 3*i/25.0;y0[i] = qExp(-x0[i]*x0[i]*0.8)*(x0[i]*x0[i]+x0[i]);}for (int i=0; i<15; ++i) // data for graph 1{x1[i] = 3*i/15.0;;y1[i] = qExp(-x1[i]*x1[i])*(x1[i]*x1[i])*2.6;y1err[i] = y1[i]*0.25;}for (int i=0; i<250; ++i) // data for graphs 2, 3 and 4{x2[i] = i/250.0*3*M_PI;x3[i] = x2[i];x4[i] = i/250.0*100-50;y2[i] = qSin(x2[i]*12)*qCos(x2[i])*10;y3[i] = qCos(x3[i])*10;y4[i] = 0.01*x4[i]*x4[i] + 1.5*(rand()/(double)RAND_MAX-0.5) + 1.5*M_PI;}//设置数据到各图层customPlot->graph(0)->setData(x0, y0);customPlot->graph(1)->setData(x1, y1);errorBars->setData(y1err);customPlot->graph(2)->setData(x2, y2);customPlot->graph(3)->setData(x3, y3);customPlot->graph(4)->setData(x4, y4);//激活上侧X轴和右侧Y轴，上侧X轴和右侧Y轴默认是禁用的customPlot->xAxis2->setVisible(true);customPlot->yAxis2->setVisible(true);//设置各个坐标轴的范围customPlot->xAxis->setRange(0, 2.7);customPlot->yAxis->setRange(0, 2.6);customPlot->xAxis2->setRange(0, 3.0*M_PI);customPlot->yAxis2->setRange(-70, 35);//上侧X轴设置π刻度customPlot->xAxis2->setTicker(QSharedPointer<QCPAxisTickerPi>(new QCPAxisTickerPi));//添加图表标题customPlot->plotLayout()->insertRow(0);customPlot->plotLayout()->addElement(0, 0, new QCPTextElement(customPlot, "Way too many graphs in one plot", QFont("sans", 12, QFont::Bold)));//设置各坐标轴标签customPlot->xAxis->setLabel("Bottom axis with outward ticks");customPlot->yAxis->setLabel("Left axis label");customPlot->xAxis2->setLabel("Top axis label");customPlot->yAxis2->setLabel("Right axis label");//设置下侧X轴刻度线，大刻度线向内为0、向外为5，小刻度线向内为0、向外为3customPlot->xAxis->setTickLength(0, 5);customPlot->xAxis->setSubTickLength(0, 3);//设置右侧Y轴刻度线，大刻度线向内为3、向外为3，小刻度线向内为1、向外为1customPlot->yAxis2->setTickLength(3, 3);customPlot->yAxis2->setSubTickLength(1, 1);
}

9、Logarithmic Demo【对数demo】

void MainWindow::setupLogarithmicDemo(QCustomPlot *customPlot)
{demoName = "Logarithmic Demo";//设置用户拖动轴时是否禁用此QCustomPlot的反走样//如果许多对象，特别是绘图对象，都是反锯齿绘制的，这将大大改善拖动期间的性能。因此，它创造了一个更灵敏的用户体验。一旦用户停止拖拽，最后重绘正常抗走样，恢复高图像质量。customPlot->setNoAntialiasingOnDrag(true); //添加图层customPlot->addGraph();QPen pen;  //初始化画笔pen.setColor(QColor(255,170,100));pen.setWidth(2);pen.setStyle(Qt::DotLine);customPlot->graph(0)->setPen(pen); //设置图层画笔customPlot->graph(0)->setName("x"); //设置图层曲线名称//添加图层customPlot->addGraph();customPlot->graph(1)->setPen(QPen(Qt::red));    //设置图层画笔customPlot->graph(1)->setBrush(QBrush(QColor(255, 0, 0, 20)));    //设置图层画刷customPlot->graph(1)->setName("-sin(x)exp(x)"); //设置图层曲线名称//添加图层customPlot->addGraph();customPlot->graph(2)->setPen(QPen(Qt::blue));   //设置图层画笔customPlot->graph(2)->setBrush(QBrush(QColor(0, 0, 255, 20)));    //设置图层画刷customPlot->graph(2)->setName(" sin(x)exp(x)"); //设置图层曲线名称//添加图层customPlot->addGraph();pen.setColor(QColor(0,0,0));  //初始化画笔pen.setWidth(1);pen.setStyle(Qt::DashLine);customPlot->graph(3)->setPen(pen);  //设置图层画笔customPlot->graph(3)->setBrush(QBrush(QColor(0,0,0,15))); //设置图层画刷customPlot->graph(3)->setLineStyle(QCPGraph::lsStepCenter);   //设置图层曲线线型customPlot->graph(3)->setName("x!");  //设置图层曲线名称//准备数据const int dataCount = 200;const int dataFactorialCount = 21;QVector<QCPGraphData> dataLinear(dataCount), dataMinusSinExp(dataCount), dataPlusSinExp(dataCount), dataFactorial(dataFactorialCount);for (int i=0; i<dataCount; ++i){dataLinear[i].key = i/10.0;dataLinear[i].value = dataLinear[i].key;dataMinusSinExp[i].key = i/10.0;dataMinusSinExp[i].value = -qSin(dataMinusSinExp[i].key)*qExp(dataMinusSinExp[i].key);dataPlusSinExp[i].key = i/10.0;dataPlusSinExp[i].value = qSin(dataPlusSinExp[i].key)*qExp(dataPlusSinExp[i].key);}for (int i=0; i<dataFactorialCount; ++i){dataFactorial[i].key = i;dataFactorial[i].value = 1.0;for (int k=1; k<=i; ++k) dataFactorial[i].value *= k; // factorial}//设置数据到各图层customPlot->graph(0)->data()->set(dataLinear);customPlot->graph(1)->data()->set(dataMinusSinExp);customPlot->graph(2)->data()->set(dataPlusSinExp);customPlot->graph(3)->data()->set(dataFactorial);//设置坐标轴小刻度网格线可见customPlot->yAxis->grid()->setSubGridVisible(true);customPlot->xAxis->grid()->setSubGridVisible(true);//设置左侧Y轴和右侧Y轴比例尺为对数比例尺customPlot->yAxis->setScaleType(QCPAxis::stLogarithmic);customPlot->yAxis2->setScaleType(QCPAxis::stLogarithmic);//设置左侧Y轴和右侧Y轴刻度为对数刻度QSharedPointer<QCPAxisTickerLog> logTicker(new QCPAxisTickerLog);customPlot->yAxis->setTicker(logTicker);customPlot->yAxis2->setTicker(logTicker);//设置左侧Y轴数字格式和精度customPlot->yAxis->setNumberFormat("eb"); // e = exponential, b = beautiful decimal powerscustomPlot->yAxis->setNumberPrecision(0); // makes sure "1*10^4" is displayed only as "10^4"设置下侧X轴和左侧Y轴坐标轴范围customPlot->xAxis->setRange(0, 19.9);customPlot->yAxis->setRange(1e-2, 1e10);//设置可以鼠标拖动画布、鼠标滚轮画布缩放customPlot->setInteractions(QCP::iRangeDrag | QCP::iRangeZoom);//设置上测X轴和右测Y轴，克隆下测X轴和左测Y轴，使得坐标轴矩形看起来更漂亮customPlot->axisRect()->setupFullAxesBox();//连接信号，使上、右轴与下、左轴同步移动connect(customPlot->xAxis, SIGNAL(rangeChanged(QCPRange)), customPlot->xAxis2, SLOT(setRange(QCPRange)));connect(customPlot->yAxis, SIGNAL(rangeChanged(QCPRange)), customPlot->yAxis2, SLOT(setRange(QCPRange)));//设置图例可见和图例背景画刷customPlot->legend->setVisible(true);customPlot->legend->setBrush(QBrush(QColor(255,255,255,150)));//修改图例位置customPlot->axisRect()->insetLayout()->setInsetAlignment(0, Qt::AlignLeft|Qt::AlignTop); // make legend align in top left corner or axis rect
}

10、Real Time Data Demo【实时数据demo】

未完待续…

学习QCustomPlot【4】库官方examples之plots解读相关推荐

目前最好用的大规模强化学习算法训练库是什么？
点击蓝字关注我们本文整理自知乎问答,仅用于学术分享,著作权归作者所有.如有侵权,请联系后台作删文处理. 本文精选知乎问题"目前最好用的大规模强化学习算法训练库是什么?"评论区 ...
CUDA和cuDNN到底是啥关系？（cuDNN是基于CUDA的深度学习GPU加速库）
1.什么是CUDA CUDA(ComputeUnified Device Architecture),是显卡厂商NVIDIA推出的运算平台. CUDA是一种由NVIDIA推出的通用并行计算架构,该架构 ...
强化学习环境全库安装(从mujoco到spinningup)
强化学习环境全库安装从mujoco200到spinningup (上篇) 前言一: 安装Mujoco200物理引擎二. 创建conda虚拟环境 1:选择python版本 2.创建conda虚拟环 ...
【安卓学习之第三方库】 Rxpay学习：支付宝微信支付
█ [安卓学习之第三方库] Rxpay学习:支付宝微信支付 █ 相关文章: [安卓学习之第三方库]库的使用2-jar类库的使用(以dom4j为例)和升级(以极光推送为例) [安卓学习之第三方库] 消息 ...
STM32 HAL库学习笔记1-HAL库简介
STM32 HAL库学习笔记1-HAL库简介 HAL库 SPL 库和 HAL 库两者相互独立,互不兼容.几种库的比较如下目前几种库对不同芯片的支持情况如下 ST 中文官网上有一篇<关于ST库 ...
【安卓学习之第三方库】 Aspect学习：AOP+注解
█ [安卓学习之第三方库] Aspect学习:AOP+注解 █ 相关文章: [安卓学习之第三方库]库的使用2-jar类库的使用(以dom4j为例)和升级(以极光推送为例) [安卓学习之第三方库] 消息 ...
Android 毛小软件,毛库官方app
毛库官方APP带给大家啦,一款全新上线的薅羊毛应用,只需要通过虚拟喂羊就可以创造收益,羊种类很多,玩法较为新奇.毛库APP全新上线,应用设计较为美观,创新元素较多,微信登录授权就可以提现,感兴趣的朋友 ...
深度学习常用python库学习笔记
深度学习常用python库学习笔记常用的4个库一.Numpy库 1.数组的创建 (1)np.array() (2)np.zeros() (3)np.ones() (4)np.empty() (5) ...
多线程爬取学习通题库
今天在网上发现了一个学习通题库网站,正好最近也在研究怎么搭建题库,于是就写了一个多线程爬虫,爬取网站所有的题目. 下面是我写的代码 import requests import re from lxm ...

学习QCustomPlot【4】库官方examples之plots解读

文章目录

一、前言

二、案例解说

0：Quadratic Demo【二次曲线demo】

1、Simple Demo【简单demo】

2、Sinc Scatter Demo【Sinc函数散点demo】

3、Scatter Style Demo【散点样式demo】

4、Line Style Demo【线型demo】

5、Scatter Pixmap Demo【图标散点demo】

6、Date Demo【日期demo】

7、Texture Brush Demo【纹理画刷demo】

8、Multi Axis Demo【多坐标轴demo】

9、Logarithmic Demo【对数demo】

10、Real Time Data Demo【实时数据demo】

学习QCustomPlot【4】库官方examples之plots解读相关推荐

最新文章

热门文章