《QT实用小工具·三十四》Qt/QML使用WebEngine展示的百度ECharts图表Demo

梦回阑珊

已于 2024-04-22 13:24:39 修改

阅读量404

点赞数 3

CC 4.0 BY-SA版权

分类专栏： QT实用小工具文章标签： qt echarts 开发语言 c++ QML QWidget

于 2024-04-20 17:30:37 首次发布

本文链接：https://blog.youkuaiyun.com/cs1395293598/article/details/138005112

QT实用小工具专栏收录该内容

68 篇文章

订阅专栏

本文介绍了如何在Qt项目中集成百度ECharts图表，并提供了相关代码片段。通过QQmlApplicationEngine和QtWebEngine，展示了如何加载HTML页面以展示图表效果。源码可供下载参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、概述
源码放在文章末尾

该项目实现了百度ECharts图表的样式，效果demo如下所示：
在这里插入图片描述
项目部分代码如下所示：

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QtWebEngine>

int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    QGuiApplication app(argc, argv);

    QtWebEngine::initialize();

    QQmlApplicationEngine engine;
    engine.load(QUrl(QLatin1String("qrc:/main.qml")));

    return app.exec();
}

import QtQuick 2.0
import QtWebEngine 1.4
Item {

    anchors.fill: parent

    WebEngineView{
        anchors.fill: parent
        url:"test.html"
//        url: "http://www.baidu.com"
    }
}