登录·注册
文章详情
0
Echarts动态图表以及静态图表教程(QT)
官网(下载资源包和在线制作):https://www.echartsjs.com/index.html
点击首页实例:
随便选择一个,点击右下角download
这就是QT打开的,下面资源文件就是这些网页
首先如果你想在自己的工程中加入这样美丽的图表,步骤如下:
1.在pro文件加入
QT       += core gui webengine
QT += webenginewidgets
greaterThan(QT_MAJOR_VERSION, 4): QT += widgets webenginewidgets
DESTDIR     = bin
2.添加资源文件
最后的效果(大致这样,可以直接把html文件夹复制到你的工程目录下,html所有文件都要加进去)
3.ui界面有一个这样的控件,我没有找到,所以在上面提到的qt版下载包中复制了过去
4.下面的路径直接可以右击得到(copy path 静态动态都是一样的,我把:删除了才可以的),如果显示连接不成功那可能是你的路径问题(在类定义过QString basePath;)
    MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    basePath = "qrc:";
    ui->webView->load(QUrl(basePath+"/new/prefix1/html/dynamic-data2.html"));
}