【QCustomPlot库绘制曲线应用】

简介: 【QCustomPlot库绘制曲线应用】

1,效果展示

2效果介绍。

1.蓝色坐标轴,带刻度。

2.带坐标轴箭头。

3.背景色选择了黑色(样式表设置),qcustomplot是将widget控件升级为的qcustomplot。将该控件设置样式表即可。

4.鼠标可拖动曲线位置。

5.鼠标滚轮可以放大缩小曲线。

6.可以根据曲线的范围自适应显示范围。### 三级标题

3.人狠话不多,直接上代码。
/// 初始化坐标图CustomPlot 的显示属性 /
//注意:我的qcustomplot控件名称就叫ui.widget
// 创建蓝色画刷,用于设置坐标轴和刻度的颜色
QBrush brush(QColor(6, 111, 217));
// 设置 x 轴基本画笔
ui.widget->xAxis->setBasePen(QPen(brush, 2));
// 设置 y 轴基本画笔
ui.widget->yAxis->setBasePen(QPen(brush, 2));
// 设置 x 轴刻度画笔
ui.widget->xAxis->setTickPen(QPen(brush, 2));
// 设置 y 轴刻度画笔
ui.widget->yAxis->setTickPen(QPen(brush, 2));
// 设置坐标图的背景为黑色
ui.widget->setBackground(QBrush(QColor(0, 0, 0)));
// 显示 y 轴刻度标签
ui.widget->yAxis->setTickLabels(true);
// 设置 x 轴上端箭头样式为 SpikeArrow
ui.widget->xAxis->setUpperEnding(QCPLineEnding::esSpikeArrow);
// 设置 y 轴上端箭头样式为 SpikeArrow
ui.widget->yAxis->setUpperEnding(QCPLineEnding::esSpikeArrow);
// 设置 x 轴子刻度画笔
ui.widget->xAxis->setSubTickPen(QPen(brush, 2));
// 设置 y 轴子刻度画笔
ui.widget->yAxis->setSubTickPen(QPen(brush, 2));
// 设置 x 轴标签字体样式
QFont f;
f.setPixelSize(18);
f.setFamily("SimHei");
ui.widget->xAxis->setLabelFont(f);
// 设置 x 轴标签颜色为白色
ui.widget->xAxis->setLabelColor(QColor(Qt::white));
// 设置 y 轴标签字体样式
ui.widget->yAxis->setLabelFont(f);
// 设置 y 轴标签颜色为白色
ui.widget->yAxis->setLabelColor(QColor(Qt::white));
// 设置 x 轴刻度标签字体样式
QFont f_Tick;
f_Tick.setPixelSize(14);
f_Tick.setFamily("SimHei");
// 设置 x 轴刻度标签颜色为白色
ui.widget->xAxis->setTickLabelColor(Qt::white);
// 设置 y 轴刻度标签颜色为白色
ui.widget->yAxis->setTickLabelColor(Qt::white);
// 设置 x 轴刻度标签字体样式
ui.widget->xAxis->setTickLabelFont(f_Tick);
// 设置 y 轴刻度标签字体样式
ui.widget->yAxis->setTickLabelFont(f_Tick);
// 添加图形层
ui.widget->addGraph();
// 设置 x 轴标签文本
ui.widget->xAxis->setLabel("频率(GHz)");
// 设置 y 轴标签文本
ui.widget->yAxis->setLabel("灰度值");
// 设置坐标图的交互方式,包括范围缩放、范围拖动、选择可绘制项以及多选功能
ui.widget->setInteractions(QCP::iRangeZoom | QCP::Interaction::iRangeDrag | QCP::iSelectPlottables | QCP::iMultiSelect);
void on_LoadData(){
// 构建文件路径,指定为应用程序运行路径下的 "demo.txt"
QString fileName = QApplication::applicationDirPath() + QDir::separator() + "demo.txt";
// 创建 QFile 对象,并打开 demo.txt 文件以供只读访问
QFile file(fileName);
bool isOk = file.open(QIODevice::ReadOnly);
// 清空坐标图上的所有图形
ui.widget->clearGraphs();
// 创建 QTextStream 以便从文件中读取文本数据
QTextStream in(&file);
// 添加一个新的图形层
ui.widget->addGraph();
// 设置图形线条的颜色和宽度
ui.widget->graph(0)->setPen(QPen(QColor(255, 115, 45, 255), 2));
// 从文件中读取第一行,解析出图形类型
int type = in.readLine().split(":", QString::SkipEmptyParts)[1].toInt();
// 读取第二行,获取参数字符串
QString paraStr = in.readLine();
// 创建存储 x 和 y 值的 QVector
QVector<float> xValue, yValue;
// 读取文件中的数据行,解析出 x 和 y 值,并将数据添加到图形层中
while (!in.atEnd())
{
    QString line = in.readLine();
    float x = line.split(",", QString::SkipEmptyParts)[0].toFloat();
    float y = line.split(",", QString::SkipEmptyParts)[1].toFloat();
    // 根据图形类型判断是否需要筛选数据
    if (type != 6)
    {
        ui.widget->graph()->addData(x, y);
        xValue.append(x);
        yValue.append(y);
    }
    else
    {
        // 对于图形类型 6,每100个数据点保留一个
        if ((int)x % 100 == 0)
        {
            ui.widget->graph()->addData(x, y);
            xValue.append(x);
            yValue.append(y);
        }
    }
}
// 计算 y 值的最大和最小值
auto max = std::max_element(std::begin(yValue), std::end(yValue));
auto min = std::min_element(std::begin(yValue), std::end(yValue));
// 设置 y 轴的显示范围,留出一定的空间
ui.widget->yAxis->setRange((*min) * 1.1 - (*max) * 0.1, (*max) * 1.1 - (*min) * 0.1);
// 设置 x 轴的显示范围,从 xValue 的第一个元素到最后一个元素
ui.widget->xAxis->setRange(xValue.first(), xValue.last());
// 重新绘制坐标图
ui.widget->replot();
}
4.qcustomplt库,我也传一份吧

虽然网上很多,但是防止大家找到付费下载比较麻烦,兄弟们,源码7000行没法直接copy,有需要的私我。

目录
相关文章
qt-绘制曲线(qcustomplot)
qt-绘制曲线(qcustomplot)
510 0
|
前端开发 C++
【Qt编程】基于QWT的曲线绘制及图例显示操作
     在《QWT在QtCreator中的安装与使用》一文中,我们完成了QWT的安装,这篇文章我们讲讲基础曲线的绘制功能。     首先,我们新建一个Qt应用程序,然后一路默认即可。
2091 0
|
9月前
|
存储
QT图形视图框架绘制曲线图和Smith图
QT图形视图框架绘制曲线图和Smith图
183 0
|
前端开发 Windows
C#WPF 如何绘制几何图形 图示教程 绘制sin曲线 正弦 绘制2D坐标系 有图有代码
原文:C#WPF 如何绘制几何图形 图示教程 绘制sin曲线 正弦 绘制2D坐标系 有图有代码 C#WPF 如何绘制几何图形? 怎么绘制坐标系?绘制sin曲线(正弦曲线)? 这离不开Path(System.Windows.Shapes)和StreamGeometry(System.Windows.Media)类。
2234 0
成功解决利用matplotlib.pyplot进行绘图的时候整个画布中的绘制曲线只显示一部分
成功解决利用matplotlib.pyplot进行绘图的时候整个画布中的绘制曲线只显示一部分
|
4月前
threeJs绘制曲线
这篇文章讲解了如何使用Three.js中的CatmullRomCurve3来绘制平滑的曲线,并提供了实现的代码示例。
57 3
threeJs绘制曲线
|
存储 Go
速绘丨GO富集气泡图绘制方法,利用R语言ggplot2包快速绘制,完整脚本可重复绘图
速绘丨GO富集气泡图绘制方法,利用R语言ggplot2包快速绘制,完整脚本可重复绘图
|
前端开发
Delphi绘图功能[1] —— 入门(绘制直线和矩形)
Delphi绘图功能[1] —— 入门(绘制直线和矩形)
521 0
Delphi绘图功能[1] —— 入门(绘制直线和矩形)
|
9月前
|
计算机视觉
opencv基础图形的绘制
opencv基础图形的绘制
58 0
|
9月前
|
数据可视化 Python
使用pygal库绘制直方图、XY线图和饼状图的技术指南
使用pygal库绘制直方图、XY线图和饼状图的技术指南
80 0

热门文章

最新文章