C++ 使用matplot++ 处理数据生成svg图表

python的图表库很丰富,C++依赖于python的 matplotlib的库却有很多功能不足,显得很鸡肋,其他的一些库没有过多的研究,
这里主要说说不依赖于python的纯C++ 的图表库 Matplot++
Matplot++官网

使用Matplot++同时需要下载安装gnuplot,并将gnuplot的bin加入到环境变量
Matplot++编译需要依赖一堆第三方库,可以参考官网,但是github上也提供了编译好的静态库,
Matplot++静态库下载链接
gnuplot官网
这里主要使用官网提供的静态库。
将include、lib加入到对应的位置,并配置好路径和库连接,这部分不多说了。

Matplot++windows下使用msys中的mingw编译

保证msys的mingw的gcc版本和使用的gcc版本保持一致。因为我是Qt6.5版本自带的mingw,gcc版本是11.0,所以将最新的msys中的mingw64目录下的所有文件都替换成了Qt6.5中的mingw,
在将因为没有安装cmake,所以将本地的cmake拷贝到msys中,windows这个好处便利,然后配置etc/profile环境变量,在下方的export语句下添加一句 export PATH=$PATH:/CMake64/bin 将cmake配置进去。
然后根据官网:

export CMAKE_PREFIX_PATH="$HOME/.LOCAL"
cmake --preset=local
cmake --build --preset=local
cmake --install build/local

即可在 home/admin/.local中找到编译好的libMatplot++.a

以下直接上代码
下方案例主要针对2D坐标系,共享坐标系实现一个SVG图形的生成。
头文件

#include <fstream>
#include <sstream>
#include <string>
#include <vector>
#include <chrono>
#include <cassert>
#include "matplot/matplot.h"
using namespace matplot;
class GSTestMaplotlib
{
public:
	explicit GSTestMaplotlib();
	~GSTestMaplotlib();
public:
	void InitAxez();
	void TestFunc();
	std::vector<double> CaculatePower(std::vector<double>& u, std::vector<double>& i);
	void AddIVData(axes_handle&,std::vector<double>& u, std::vector<double>& i);
	void ADDPVData(axes_handle&,std::vector<double>& u, std::vector<double>& i);
	void GetIVPointsData(const char* path,std::vector<double>& x,std::vector<double>& y);
	void GetStringOfSub(std::string src, std::string splitStr, std::vector<std::string>& strVec, int isRFind);

private:
	axes_handle parent_axes;
	figure_handle parent_figure;
};

cpp文件

#include "GSTestMaplotlib.h"
#include <QtCore/QCoreApplication>
GSTestMaplotlib::GSTestMaplotlib()
{
    InitAxez();
}

GSTestMaplotlib::~GSTestMaplotlib()
{
}

void GSTestMaplotlib::InitAxez()
{
    parent_figure = figure(true);    //设置为quiet_mode模式,即只处理数据,不会调用gnuplot的UI显示窗口

    //parent_figure= figure_no_backend(true);

    this->parent_axes = axes();    
    this->parent_axes->grid(true);
    this->parent_axes->grid_alpha(0.5);
    this->parent_axes->grid_color({ 125,125,125,0 });
    this->parent_axes->xlabel("Voltage(V)");
    this->parent_axes->ylabel("Currect(A)");
    this->parent_axes->y2label("Currect(P)");
    this->parent_axes->hold(on);

    parent_figure->add_axes(this->parent_axes,true, true);
    //parent_figure->current_axes(this->parent_axes);
    parent_figure->reactive_mode(false);
    std::string path = QString(QCoreApplication::applicationDirPath() + "/area_4.svg").toStdString();
    parent_figure->backend()->output(path);
    
}
#include <QThread>
void GSTestMaplotlib::TestFunc()
{
    std::vector<double> u;
    std::vector<double> i;
    GetIVPointsData("0000000001-T1M1.csv", u, i);
    std::vector<double> p = CaculatePower(u, i);
    for (int  ii= 0; ii <5; ii++)
    {
        AddIVData(parent_axes, u, i);
        ADDPVData(parent_axes, u, p);
        QThread::msleep(20);
    } 
    std::string path = QString(QCoreApplication::applicationDirPath() + "/area_4.svg").toStdString();
    bool ret = parent_figure->save(path);
    parent_figure->draw();
   
}

void GSTestMaplotlib::AddIVData(axes_handle& parent_axes,std::vector<double>& u, std::vector<double>& i)
{
    auto start = std::chrono::steady_clock::now();
    auto parent = parent_axes->plot(u, i); 
    parent->touch();
    auto end = std::chrono::steady_clock::now();
    auto time_diff = end - start;
    auto duration = std::chrono::duration_cast<std::chrono::milliseconds>(time_diff);
    std::cout << "Operation cost IV : " << duration.count() << "ms" << std::endl;       
}

void GSTestMaplotlib::ADDPVData(axes_handle& parent_axes,std::vector<double>& u, std::vector<double>& p)
{    
    auto start = std::chrono::steady_clock::now();
    auto parent = parent_axes->plot(u, p);
    parent->use_y2(true);	//使用右侧Y轴
    y2label("Currect(P)");	//必需设置
    parent->touch(); 
    auto end = std::chrono::steady_clock::now();
    auto time_diff = end - start;
    auto duration = std::chrono::duration_cast<std::chrono::milliseconds>(time_diff);
    std::cout << "Operation cost PV : " << duration.count() << "ms" << std::endl;   
}

std::vector<double> GSTestMaplotlib::CaculatePower(std::vector<double>& u, std::vector<double>& i)
{
    std::vector<double> powerVec;
    auto itorV = u.begin();
    auto itorI = i.begin();
    for (; itorV != u.end(); itorV++, itorI++)
    {        
        double power = (*itorV)*(*itorI);
        powerVec.emplace_back(power);
    }
    return powerVec;
}

void GSTestMaplotlib::GetIVPointsData(const char* path, std::vector<double>& x, std::vector<double>& y)
{
    std::ifstream fileIn;
    fileIn.open(path);
    assert(fileIn.is_open());
    std::string line;
    std::vector<std::string> axisData;
    while (getline(fileIn, line))
    {        
        GetStringOfSub(line,",", axisData,1);
        x.emplace_back(atof(axisData[0].c_str()));
        y.emplace_back(atof(axisData[1].c_str()));
        axisData.clear();
    }
    fileIn.close();
}

void GSTestMaplotlib::GetStringOfSub(std::string src, std::string splitStr, std::vector<std::string>& strVec, int isRFind)
{
    if (isRFind == 0)       //反向查找
    {
        int pos = src.rfind(splitStr);
        if (pos != -1)
        {
            std::string dstStr = src.substr(pos, src.length() - 1);
            strVec.emplace_back(dstStr);
            std::string srcStr = src.substr(0, pos);
            GetStringOfSub(srcStr, splitStr, strVec, isRFind);
        }
        else
        {
            strVec.emplace_back(src);
        }
    }
    else
    {
        int pos = src.find(splitStr);
        if (pos != -1)
        {
            std::string dstStr = src.substr(0, pos);
            strVec.emplace_back(dstStr);
            std::string srcStr = src.substr(pos + 1, src.length());
            GetStringOfSub(srcStr, splitStr, strVec, isRFind);
        }
        else
        {
            strVec.emplace_back(src);
        }
    }
}
  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: 使用Vue、div和svg可以实现审批流程图功能,并且可以生成json格式的数据。首先,我们可以利用Vue的双向数据绑定和组件化开发的特点来实现审批流程图的构建。每个审批节点可以看作是一个组件,用一个div容器来包裹,在其中使用svg绘制节点的外观。可以使用Vue的v-for指令来遍历审批节点数据,动态生成节点组件。 在每个审批节点组件中,利用svg的图形绘制功能,可以绘制各种形状的节点,如矩形、圆形等,并通过Vue的属性绑定来实现动态的节点样式和位置。可以利用svg的事件监听功能,通过绑定事件方法实现节点之间的连接和拖拽移动等交互效果。 同时,为了实现审批流程图的数据生成json格式,可以在Vue中定义一个数据模型,用来保存审批节点的相关信息,如节点ID、名称、位置等。每个节点的数据可以以一个对象的形式表示,并通过Vue的双向数据绑定来实现数据的实时更新。 当用户操作审批流程图时,如新增节点、删除节点、移动节点等,可以通过Vue的事件监听机制来触发相应的方法,来更新数据模型和生成json格式的数据。 总结起来,使用Vue、div和svg可以很好地实现审批流程图功能,并能够生成json格式的数据。通过Vue的组件化开发数据绑定,可以实现审批节点的动态生成和交互效果,而通过svg的图形绘制和事件监听功能,可以实现节点的可视化展示和交互操作。通过定义数据模型和事件监听,可以将用户操作转化为json格式的数据,用于保存和传输审批流程图的信息。 ### 回答2: 使用Vue结合Div和SVG可以实现审批流程图功能,同时可以生成JSON格式的数据。 首先,使用Div来构建审批流程图的容器,设置好容器的大小和样式。然后,在Vue的数据中定义审批流程的各个节点和连接关系,并将其渲染到Div容器中。通过Vue的数据绑定机制,可以动态的更新审批流程图的节点和连接关系。 接下来,使用SVG来绘制审批流程图的节点和连接线。通过Vue的循环指令,可以根据数据中的节点信息动态生成SVG的节点元素,并设置节点的位置、样式和事件。同时,根据连接关系,使用SVG的路径元素绘制连接线,并设置线条的样式和事件。通过Vue的事件绑定机制,可以监听节点的点击事件,实现审批流程的交互功能。 最后,可以通过Vue的方法和计算属性来生成JSON格式的数据。通过遍历审批流程的节点和连接关系,将其转化为JSON对象,并保存到Vue的数据中。根据需要,可以使用Vue的生命周期钩子函数,在合适的时机将生成的JSON数据进行保存或传递给后台处理。 总之,使用Vue结合Div和SVG可以实现审批流程图功能,并且可以生成JSON格式的数据。这种方式具有灵活性和可扩展性,能够满足不同需求下的审批流程图展示和数据处理。 ### 回答3: 审批流程图功能可以通过使用Vue结合div和svg元素来实现。首先,可以使用Vue的数据绑定功能来动态生成审批流程图的元素。例如,可以利用Vue的v-for指令来遍历一个json格式的数据,然后根据数据中的信息生成相应的div和svg元素。 在div元素中,可以使用Vue的样式绑定功能来设置元素的位置、大小和背景色等样式属性。另外,还可以利用Vue的事件绑定功能来实现元素的拖拽和点击等交互操作。 在svg元素中,可以使用Vue的v-bind指令来动态绑定元素的图形样式。例如,可以根据json数据中的节点类型来设置不同节点的图标和边框样式。 通过在json数据中定义审批节点的层级关系和连接关系,可以利用Vue的计算属性来动态生成审批流程图中的连线。例如,可以通过计算属性根据节点的位置信息来计算连线的起点和终点,并根据连接关系来修改连线的样式。 最后,可以通过Vue的事件监听功能来实现节点之间的消息传递和审批状态的更新。例如,可以通过监听节点的点击事件来显示节点的详细信息,或者通过监听节点的拖拽事件来更新节点的位置信息。 总之,使用Vue结合div和svg元素可以方便地实现审批流程图功能,并且可以根据需要生成json格式的数据,以实现更多复杂的审批流程操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值