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

原创已于 2024-04-22 13:24:39 修改 · 420 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#qt #echarts #开发语言 #c++ #QML #QWidget

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

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

68 篇文章

订阅专栏

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

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"
    }
}