gitte导入html,DataGearDashboardTemplate

本文介绍了如何使用DataGear数据可视化平台,通过导入静态HTML模板并配置div元素,创建动态数据看板。详细步骤包括打包模板、导入看板、设置图表ID,适用于数据展示和监控。提供多个模板实例和看板效果展示。

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

DataGear大屏看板模板

静态大屏HTML模板,可作为看板模板导入DataGear数据可视化分析平台,制作大屏展示数据可视化看板。

持续更新中...

导入模板

进入此项目其中一个模板目录template-*/

将目录内的所有文件打包成ZIP压缩包(注意:所有文件都应直接在压缩包根目录内,不要多嵌套一层)

在DataGear程序的看板管理页面,点击【添加】按钮右侧下拉菜单的【导入】按钮,导入上述压缩包

编辑导入的看板模板,为HTML中div元素的dg-chart-widget属性设置图表ID

数据可视化看板制作完成

DataGear

DataGear是一款数据可视化分析平台,使用Java语言开发,采用浏览器/服务器架构,支持SQL、CSV、Excel、HTTP接口、JSON等多种数据源,

主要功能包括数据管理、SQL工作台、数据导入/导出、数据集管理、图表管理、看板管理等。

官网地址:

源码地址:

模板参考项目

模板效果图

template-001

29f7393fac93d9061bbc38002d3ad102.png

template-002

5c1e0a403ddda6a0ac399a1a8b439927.png

template-003

542b046b4860b223a65c8b2de950353f.png

template-004

381b6c27a0f32ceefdb37cd14e585319.png

template-005

7d823e69f4d3a1d5997314ca7be100b2.png

template-006

b8b85d973f6d0b32f551377abedb3f07.png

template-007

c7834c4ee3276e33971fc50e20a0b9db.png

template-008

2b16515fa7c1cf99ab12097c8e882de0.png

template-009

971bccd116e35b6c9add6e3d6034cec8.png

template-010

c79134e3d5b7aff9747cc3275b63a9f3.png

template-011

c39ea15940bd6a2361638bd33ebd6a20.png

template-012

f46f08de162b04ad1ecffa61752f4f1c.png

看板效果图

template-002

b38eb825129ead3b06639164e43385c9.png

template-005

7d4c0a7344eeefb63f51b356c66c2321.png

template-006

148bbcc19cc5a4214824c3ddbf78badd.png

template-008

c0446fc6f8613d9d1397f067b893ac42.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值