forked from DataGear / DataGearDashboardTemplate

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

README.md 2.61 KB

# DataGear大屏看板模板

静态大屏HTML模板，可作为看板模板导入[DataGear](http://www.datagear.tech)数据可视化分析平台，制作大屏展示数据可视化看板。

持续更新中...

# 导入模板

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

2. 将目录内的所有文件打包成`ZIP`压缩包（注意：所有文件都应直接在压缩包根目录内，不要多嵌套一层）

3. 在[DataGear](http://www.datagear.tech)程序的看板管理页面，点击【添加】按钮右侧下拉菜单的【导入】按钮，导入上述压缩包

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

5. 数据可视化看板制作完成

# DataGear

[DataGear](http://www.datagear.tech)是一款数据可视化分析平台，使用Java语言开发，采用浏览器/服务器架构，支持SQL、CSV、Excel、HTTP接口、JSON等多种数据源，
主要功能包括数据管理、SQL工作台、数据导入/导出、数据集管理、图表管理、看板管理等。

官网地址：

[http://www.datagear.tech](http://www.datagear.tech)

源码地址：

[https://gitee.com/datagear/datagear](https://gitee.com/datagear/datagear)

[https://github.com/datageartech/datagear](https://github.com/datageartech/datagear)

# 模板参考项目

[Lang/大屏数据展示模板](https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi)

# 模板效果图

template-001

![screenshot/template-001.png](screenshot/template-001.png)

template-002

![screenshot/template-002.png](screenshot/template-002.png)

template-003

![screenshot/template-003.png](screenshot/template-003.png)

template-004

![screenshot/template-004.png](screenshot/template-004.png)

template-005

![screenshot/template-005.png](screenshot/template-005.png)

template-006

![screenshot/template-006.png](screenshot/template-006.png)

template-007

![screenshot/template-007.png](screenshot/template-007.png)

template-008

![screenshot/template-008.png](screenshot/template-008.png)

template-009

![screenshot/template-009.png](screenshot/template-009.png)

template-010

![screenshot/template-010.png](screenshot/template-010.png)

template-011

![screenshot/template-011.png](screenshot/template-011.png)

template-012

![screenshot/template-012.png](screenshot/template-012.png)

# 看板效果图

template-002

![screenshot/template-002-dg.png](screenshot/template-002-dg.png)

template-005

![screenshot/template-005-dg.png](screenshot/template-005-dg.png)

template-006

![screenshot/template-006-dg.png](screenshot/template-006-dg.png)

template-008

![screenshot/template-008-dg.png](screenshot/template-008-dg.png)

一键复制编辑原始数据按行查看历史

提交于 2020-11-28 21:08 . 完善README

DataGear大屏看板模板

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

持续更新中...

导入模板

进入此项目其中一个模板目录template-*/
将目录内的所有文件打包成ZIP压缩包（注意：所有文件都应直接在压缩包根目录内，不要多嵌套一层）
在DataGear程序的看板管理页面，点击【添加】按钮右侧下拉菜单的【导入】按钮，导入上述压缩包
编辑导入的看板模板，为HTML中div元素的dg-chart-widget属性设置图表ID
数据可视化看板制作完成

DataGear

DataGear是一款数据可视化分析平台，使用Java语言开发，采用浏览器/服务器架构，支持SQL、CSV、Excel、HTTP接口、JSON等多种数据源，主要功能包括数据管理、SQL工作台、数据导入/导出、数据集管理、图表管理、看板管理等。

官网地址：

http://www.datagear.tech

源码地址：

https://gitee.com/datagear/datagear

https://github.com/datageartech/datagear

模板参考项目

Lang/大屏数据展示模板

模板效果图

template-001

screenshot/template-001.png

template-002

screenshot/template-002.png

template-003

screenshot/template-003.png

template-004

screenshot/template-004.png

template-005

screenshot/template-005.png

template-006

screenshot/template-006.png

template-007

screenshot/template-007.png

template-008

screenshot/template-008.png

template-009

screenshot/template-009.png

template-010

screenshot/template-010.png

template-011

screenshot/template-011.png

template-012

screenshot/template-012.png

看板效果图

template-002

screenshot/template-002-dg.png

template-005

screenshot/template-005-dg.png

template-006

screenshot/template-006-dg.png

template-008

screenshot/template-008-dg.png

HTML

1

https://gitee.com/itgjee/DataGearDashboardTemplate.git

git@gitee.com:itgjee/DataGearDashboardTemplate.git

itgjee

DataGearDashboardTemplate

DataGearDashboardTemplate

master