点击关注公众号,实用技术文章及时了解2ee4b41c06bfdd6efa688112eef6694f.png

DataGear是一款开源的数据可视化分析平台,可自由制作任何您想要的数据可视化看板,支持接入SQL、CSV、Excel、HTTP接口、JSON等多种数据源。系统主要功能包括:数据管理、SQL工作台、数据导入/导出、数据集管理、图表管理、看板管理等。

功能特性

  • 动态接入多种数据源

DataGear是一款开源的数据可视化分析平台,可自由制作任何您想要的数据可视化看板,支持接入SQL、CSV、Excel、HTTP接口、JSON等多种数据源。系统主要功能包括:数据管理、SQL工作台、数据导入/导出、数据集管理、图表管理、看板管理等。

  • 支持多种格式的数据集

支持创建SQL、CSV、Excel、HTTP接口、JSON数据集,可将数据集定义为动态参数化数据集,可添加文本框、下拉框、日期框、时间框等类型的数据集参数,为构建动态可交互图表提供支持。

  • 丰富强大的图表功能

图表可聚合多个不同格式的数据集,轻松构建同比、环比数据图表,内置折线图、柱状图、饼图、地图、雷达图、漏斗图、散点图、K线图、桑基图等50+开箱即用的图表,并且支持自定义图表配置项,支持编写和上传自定义图表插件。

  • 可自由编辑的数据可视化页面

可视化页面采用原生的HTML网页作为模板,可自由编辑页面内容,支持导入任意HTML网页,为元素添加扩展属性即可绑定和配置图表,页面内置丰富的API,可构建图表联动、数据钻取、异步加载、交互表单等个性化的数据可视化页面。

架构图

a4275c96d50437e6da90b71ae3e49563.png

安装DataGear

1、安装JRE运行环境

需要JRE 1.8及以上版本的运行环境。

2、下载最新版软件包

地址:

  • https://gitee.com/datagear/datagear/attach_files/850057/download/datagear-2.9.0.zip

3、解压软件包

解压后,将产生一个名为 datagear-[version] 的文件夹

4、启动服务

  • Linux:执行 datagear-[version]/startup.sh

  • Windows:执行 datagear-[version]/startup.bat

5、从浏览器打开

输入:http://localhost:50401

6、其他注意内容

  • 系统初始会内置一个管理员账号,账号名为:admin,初始密码为:admin

  • 系统的所有数据都存储在 [用户主目录]/.datagear 文件夹内,请在必要时做好此文件夹的备份工作。

  • 系统数据库使用了内置 Derby 数据库,存储在 [用户主目录]/.datagear/derby 文件夹内。

  • 系统默认允许匿名用户访问和使用,在 config/application.properties 设置 disableAnonymous 配置项可禁用此特性。示例:

disableAnonymous=true
  • 系统默认允许用户自主注册,在 config/application.properties 设置 disableRegister 配置项可禁用此特性。示例:

disableRegister=true
  • 系统默认允许匿名用户使用系统所有功能,在 config/application.properties 设置 defaultRole.anonymous 配置项可调整此特性。下面的配置示例使匿名用户仅具有浏览数据权限,而没有新建、编辑数据的权限:

defaultRole.anonymous=ROLE_DATA_ANALYST

简单入门

1、新建数据源(可选)

点击主页左上角【数据源】栏下的 + 按钮, 新建一个数据源,例如MySQL:

8d129fdcad81a7e51407c15b977d3644.png

2、新建SQL数据集(可选,已新建数据源时执行此操作)

点击主页左上角【数据分析】栏下的【数据集】条目,添加一个SQL数据集:

7433d265e93a64da32df286d750adf2c.png

3、新建JSON数据集(可选,未新建数据源时执行此操作)

点击主页左上角【数据分析】栏下的【数据集】条目,添加一个JSON数据集:

f54ab6ae1b964801d6dd9c94c4b2f324.png

4、新建图表

点击主页左上角【数据分析】栏下的【图表】条目,添加两个图表,一个柱状图,一个饼图:

e03b35edb5965a0da928f5a2b04fa630.pngf977fd33bc0b73c8a3641ff93b63b93c.png

5、展示图表

点击上述添加图表页面的【保存并展示】按钮,即可看到图表展示效果:

d774c5b7cd4c04dd226a098ecdcbef75.png7a0a08207ce0e9b2c1d8c658ddca73e7.png

6、新建看板

点击主页左上角【数据分析】栏下的【看板】条目,添加一个看板,在看板模板内容<body></body>元素内添加两个`元素:

<html>  
<head>  
...  
</head>  
<body>  
  <div class="dg-chart" dg-chart-widget="上述柱状图图表ID"></div>   
  <div class="dg-chart" dg-chart-widget="上述饼图图表ID"></div>  
</body>  
</html>

或者,点击【插入图表】按钮,选中上述两个图表,自动插入这两个元素,如下图所示:

d038655ae455f93d1ca934475d696b6c.png

7、展示看板

点击上述添加看板页面的【保存并展示】按钮,即可看到看板展示效果:

d7a03252fcdff98e2d511640392a6482.png

界面示例

  • 大屏

d1628f5ad72d27ae002c426e8740915e.png7bf17b38d76abd69eeeb5edb73fcce92.png84e71d8fcba43d3aa0a73372c5e80e18.png
  • 地图联动

50bfc26683bf086abb840bff88c2af73.gif
  • 按块筛选

16d0cef5634e545aec7a371bd12e2bd0.gif
  • 图表交互操作

9b432e01b490e453e93d6c2a6f56ca5a.png
  • 暗色主题

fcc9dbebe0115390cb3cea8646de51ad.png
  • 数据管理

21e25c481176eb5b987200b1429dfd08.pnge5c034becc3229490286234b46a98f14.png16dc57f1efdce32a7fccba6f22335486.png

大屏模板

另外,datagear还预制了多种静态大屏HTML模板,可作为看板模板导入DataGear数据可视化分析平台,制作大屏展示数据可视化看板。

模板地址:
https://gitee.com/datagear/DataGearDashboardTemplate

效果图:

7a979400698eac64be79df12b935c1f0.pngc910ddd3795387b256c8bdeca1a24a99.pngb166210041f01fe38d70bb3cdced4e51.pngcf85f684fc7a7cf069bbce7295362980.png
  • 来源:开源技术专栏

源码获取

关注公众号,回复关键词

大屏模板

3faf727c4ecefa124248cdbed770d483.jpeg

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐