Qt+ECharts 数据大屏

最新推荐文章于 2024-05-01 14:37:56 发布

阿酷亚莫塔塔(张学鹏)

最新推荐文章于 2024-05-01 14:37:56 发布

阅读量985

点赞数

分类专栏： Qt ECharts 文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/qq_31793023/article/details/127044536

版权

Qt 同时被 2 个专栏收录

26 篇文章 8 订阅

订阅专栏

ECharts

4 篇文章 0 订阅

订阅专栏

简介：最近看见有些同学在汇报项目时，发现做的大屏数据挺好看，甩了平常用Qt开发的界面好几条街，但是对于像我这种不会前端的，又想做出来点大屏数据玩玩，而只靠QWt或QCustomplot或QCharts确实不太容易，经过这个周未两个的捣腾，大致做出了一个LOW,LOW的DEMO。前三篇博客是基础，饼状图、柱状图与表盘图。部分代码如下：

1.头文件

 QWebView* view1 = nullptr;
    QWebView* view2 = nullptr;
    QWebView* view3 = nullptr;
    QWebView* view4 = nullptr;
    QWebView* view5 = nullptr;
    QWebView* view6 = nullptr;
    QWebView* viewBig = nullptr;
    QTimer* mTimer = nullptr;

2.控件布局


	QHBoxLayout* hBig = new QHBoxLayout;
	viewBig = new QWebView(this);
	viewBig->setContextMenuPolicy(Qt::NoContextMenu);
	viewBig->load(QUrl("file:///C:/Users/99658/Desktop/echart/echarts-master/dist/chinaMap1.html"));
	w = ui.widgetBig->width();
	h = ui.widgetBig->height();
	js = QString("resizeDiv(%1,%2)").arg(QString::number(w), QString::number(h));
	viewBig->page()->mainFrame()->evaluateJavaScript(js);
	hBig->addWidget(viewBig);
	hBig->setMargin(0);
	ui.widgetBig->setLayout(hBig);

3.数据交互

mTimer = new QTimer(this);
	connect(mTimer, &QTimer::timeout, this, [=] {
		QDateTime dateTime = QDateTime::currentDateTime();
		ui.labelTime->setText("当前时间："+dateTime.toString("yyyy-MM-dd hh:mm:ss ddd"));
		
		});
	mTimer->start(1000);
/*

其他数据交互
*/

4.结果