开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

这篇具有很好参考价值的文章主要介绍了开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

之前有读者问我有没有什么好用的BI(Business Intelligence)工具?BI工具简单来说就是一种数据可视化工具。今天给大家推荐一款开源的数据可视化工具DataEase,基于SpringBoot实现,集成 Apache Doris + Kettle,可支持超大数据量秒级查询,希望对大家有所帮助!

SpringBoot实战电商项目mall(50k+star)地址:github.com/macrozheng/…

简介

DataEase是一款号称人人可用的开源数据可视化分析工具,在Github上已经有4.1K+Star。致力于帮助用户快速分析数据并洞察业务趋势,从而实现业务的改进与优化。DataEase 支持丰富的数据源连接,能够通过拖拽方式快速制作图表,并可以分享给他人。

下面是一张由DataEase生成的可视化大屏,还是挺炫酷的。

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

架构

作为一款数据可视化工具,DataEase使用了现阶段流行的大数据技术Apache Doris和Kettle,如果你想学习这两种技术的话,这个项目是个不错的选择。

系统架构

DataEase使用的技术栈如下:

技术 说明
SpringBoot 后端基础框架
MySQL 数据存储
Apache Doris 一个现代化的MPP分析型数据库产品。仅需亚秒级响应时间即可获得查询结果,有效地支持实时数据分析。
Kettle 一款开源的ETL(即数据抽取、转换、装载的过程)工具,纯Java编写,可以实现高效稳定的数据抽取。
Docker 容器化部署
Vue 前端基础框架
Element 前端UI框架

各种技术在DataEase中的使用场景如下:

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

功能架构

下面是DataEase的功能架构图,从中我们很容易看出使用DataEase我们能做什么。

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

安装

DataEase提供了安装包,下载安装包,使用安装脚本install.sh即可完成安装,如果你的服务器已经安装了MySQL,需要一些额外的配置。

  • 首先我们需要下载安装包,这里使用的是v1.5.2版本,下载地址:github.com/dataease/da…

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 下载完成后上传到Linux服务器,使用如下命令解压到指定目录;
tar -zxvf dataease-v1.5.2-online.tar.gz
复制代码
  • 解压完成后目录结构如下,注意dataease文件夹下有docker-compose部署脚本;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 接下来修改安装配置install.conf,主要修改服务运行端口DE_PORT和MySQL配置;
# 基础配置
## 安装目录
DE_BASE=/opt
## Service 端口(默认80,大概率冲突)
DE_PORT=8010

# 数据库配置
## 是否使用外部数据库
DE_EXTERNAL_MYSQL=false
## 数据库地址(默认mysql,之前如果用docker安装过mysql建议修改)
DE_MYSQL_HOST=mysql-de
## 数据库端口(默认3306,之前如果用docker安装过mysql建议修改)
DE_MYSQL_PORT=3307
## DataEase 数据库库名
DE_MYSQL_DB=dataease
## 数据库用户名
DE_MYSQL_USER=root
## 数据库密码
DE_MYSQL_PASSWORD=Password123@mysql
复制代码
  • 修改DataEase的docker-compose文件,路径为dataease/docker-compose.yml,修改MySQL依赖名称和网络配置,默认网络配置可能会引起冲突;
services:

  dataease:
    image: registry.cn-qingdao.aliyuncs.com/dataease/dataease:v1.5.2
    container_name: dataease
    ports:
      - ${DE_PORT}:8081
    mem_limit: 4096m
    volumes:
      - ${DE_BASE}/dataease/conf:/opt/dataease/conf
      - ${DE_BASE}/dataease/logs:/opt/dataease/logs
      - ${DE_BASE}/dataease/plugins/thirdpart:/opt/dataease/plugins/thirdpart
      - ${DE_BASE}/dataease/data/kettle:/opt/dataease/data/kettle
    depends_on:
      # 如果之前使用Docker安装过mysql,修改名称
      mysql-de:
        condition: service_healthy
    networks:
      - dataease-network

networks:
  dataease-network:
    driver: bridge
    ipam:
      driver: default
      # 默认网段配置可能会冲突,建议修改
      config:
        - subnet: 172.33.0.0/16
          gateway: 172.33.0.1
复制代码
  • 修改Doris的docker-compose文件,路径为dataease/docker-compose-kettle-doris.yml,主要修改网络配置;
version: '2.1'
services:

  doris-fe:
    image: registry.cn-qingdao.aliyuncs.com/dataease/doris:0.15
    container_name: doris-fe
    networks:
      # 修改为33网段防止冲突
      dataease-network :
        ipv4_address: 172.33.0.198
    restart: always

  doris-be:
    image: registry.cn-qingdao.aliyuncs.com/dataease/doris:0.15
    networks:
      # 修改为33网段防止冲突
      dataease-network :
        ipv4_address: 172.33.0.199
    restart: always
复制代码
  • 修改MySQL的docker-compose文件,路径为dataease/docker-compose-mysql.yml,只要修改容器名称即可;
version: '2.1'
services:

  mysql-de:
    image: registry.cn-qingdao.aliyuncs.com/dataease/mysql:5.7.36
    # 之前使用Docker安装过mysql,需要修改容器名称
    container_name: mysql-de
    env_file:
      - ${DE_BASE}/dataease/conf/mysql.env
    ports:
      - ${DE_MYSQL_PORT}:3306
    volumes:
      - ${DE_BASE}/dataease/conf/my.cnf:/etc/mysql/conf.d/my.cnf
      - ${DE_BASE}/dataease/bin/mysql:/docker-entrypoint-initdb.d/
      - ${DE_BASE}/dataease/data/mysql:/var/lib/mysql
    networks:
      - dataease-network
复制代码
  • 如果你启用了firewall防火墙的话,还要开放下8010端口;
firewall-cmd --zone=public --add-port=8010/tcp --permanent
firewall-cmd --reload
复制代码
  • 一切准备就绪,直接运行安装目录下的install.sh文件进行安装;
./install.sh
复制代码
  • 安装过程涉及下载镜像,时间较长需要耐心等待,最终安装成功后显示如下;
➜  dataease-v1.5.2-online ./install.sh 

Stopping doris-fe ... done
Stopping doris-be ... done
Stopping kettle   ... done
Removing doris-fe ... done
Removing doris-be ... done
Removing kettle   ... done
Removing network dataease_dataease-network
======================= 开始安装 =======================
[DATAEASE Log]: 拷贝配置文件模板文件  -> /opt/dataease/conf 
[DATAEASE Log]: 根据安装配置参数调整配置文件 
time: Wed Dec 22 10:59:39 CST 2021
/usr/sbin/getenforce
[DATAEASE Log]: 检测到 Docker 已安装,跳过安装步骤 
[DATAEASE Log]: 启动 Docker  
Redirecting to /bin/systemctl start docker.service
[DATAEASE Log]: 检测到 Docker Compose 已安装,跳过安装步骤 
[DATAEASE Log]: 拉取镜像 
Pulling doris-be ... done
Pulling kettle   ... done
Pulling mysql-de ... done
Pulling dataease ... done
Pulling doris-fe ... done
...省略若干日志
  Name                Command                       State                         Ports              
-----------------------------------------------------------------------------------------------------
dataease   /deployments/run-java.sh         Up (health: starting)   0.0.0.0:8010->8081/tcp           
doris-be   /entrypoint.sh                   Up (healthy)                                             
doris-fe   /entrypoint.sh                   Up (health: starting)                                    
kettle     /opt/kettle/carte.sh kettl ...   Up                                                       
mysql-de   docker-entrypoint.sh mysqld      Up (healthy)            0.0.0.0:3306->3306/tcp, 33060/tcp
[DATAEASE Log]: 服务启动中,请稍候 ... 
[DATAEASE Log]: 服务启动中,请稍候 ... 
[DATAEASE Log]: 【警告】服务在等待时间内未完全启动!请稍后使用 dectl status 检查服务运行状况。 
======================= 安装完成 =======================

请通过以下方式访问:
 URL: http://$LOCAL_IP:8010
 用户名: admin
 初始密码: dataease
复制代码
  • 由于我们修改了MySQL的配置,还需修改安装目录/opt下的MySQL连接配置,文件路径为/opt/dataease/conf/dataease.properties,改为mysql-de
# 数据库配置
spring.datasource.url=jdbc:mysql://mysql-de:3306/dataease?autoReconnect=false&useUnicode=true&characterEncoding=UTF-8&characterSetResults=UTF-8&zeroDateTimeBehavior=convertToNull&useSSL=false
复制代码
  • 然后重启dataease容器;
docker restart dataease
复制代码
  • 重启时使用docker logs -f dataease查看日志,当数据库导入完成后项目才算启动成功;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 由于DateEase安装成功后会自动在系统中注册dataease服务,所以我们可以使用如下命令来操作它。
# 查看服务状态
systemctl status dataease
# 启动服务
systemctl start dataease
# 停止服务
systemctl stop dataease
复制代码

使用

使用DataEase可以方便地实现数据可视化,接下来我们以Excel和MySQL中的数据为例,来体验下它的功能。

基本概念

在使用DataEase之前,我们得了解它的一些基本概念,这对使用它会很有帮助。

  • 数据源:是后续数据分析的数据来源,指的是各种数据库连接信息,支持MySQL、Elasticsearch、MongoDB等常用数据源;
  • 数据集:数据的集合,可以是Excel数据、数据库表数据、自定义SQL查询数据,是视图的数据来源;
  • 视图:可视化展示的最小单元,是组成仪表板的基本元素,可以是折线图、柱状图、饼状图等;
  • 仪表板: 可视化大屏,视图组合界面;
  • 模板:可用来快速构建仪表板的数据及样式模板。

Excel数据分析

下面我们将从Excel中获取数据,实现仪表板,来体验下DataEase的数据可视化功能。

  • DataEase启动成功后,使用账号admin:dataease即可登录,访问地址:http://192.168.3.105:8010/

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 由于我们之前修改了MySQL容器的名称,这里的数据源我们也要修改下;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 接下来我们需要创建一个数据集,使用官方的示例Excel即可,下载完成后可以打开看下,一份商品销售报表,下载地址:dataease.io/docs/manual…

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 然后选择添加数据集

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 新建时上传Excel,最后选择确认进行导入;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 由于之前修改了Doris的网段,导入Excel数据会出现无法显示的情况,并弹出如下错误提示;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 进入mysql-de容器内部,输入如下命令即可解决;
# 进入内置 MySQL 容器内
docker exec -it mysql-de sh
# 进入 MySQL 容器后,连接 doris-fe
mysql -uroot -h doris-fe -P 9030
# 由于修改了doris的网段,此处也要修改
ALTER SYSTEM ADD BACKEND "172.33.0.199:9050";
SET PASSWORD FOR 'root' = PASSWORD('Password123@doris');
CREATE DATABASE dataease;
复制代码
  • 数据导入成功后,就可以开始创建视图了,选择我们刚刚导入的数据集;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 再选择视图的类型,这里选择了表示分布的饼图;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 拖动选择维度和指标,再改改样式,最后再保存下,一张视图就完成了;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 再多创建几个视图,然后就可以创建仪表板了,再通过拖拽编辑的形式,仪表板就完成了,是不是挺方便的!

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

数据库数据分析

当然DataEase也支持从数据库中导入数据,甚至可以自定义SQL查询,下面我们来体验下它的这些功能。

  • 首先我们得新建一个数据源,可以选择各种类型数据源,支持还挺多的,这里选择MySQL;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 然后创建数据集,选择从数据库添加数据集;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 再创建视图,使用上面创建的数据集即可;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 当然你也可以自定义SQL查询来添加数据集;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • DataEase还有个比较强大的功能,可以设置各个视图直接根据某个字段进行联动,比如在官方示例中,我们选择了某个省份,其他视图的数据就变成了这个省份的了;

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

  • 还有个比较有意思的功能叫下钻,比如我们选择某个省份进行下钻,就可以查看该省份下的城市相关数据。

开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)

总结

总的来说,DataEase是一款非常不错的数据可视化工具。它可以让我们不写代码,就轻松实现一些数据可视化的需求,支持从各种数据源和Excel中分析数据。并且它使用了当下流行的大数据分析技术Apache Doris和Kettle,对这些技术感兴趣的朋友也可以尝试下它。

参考资料

  • 项目地址:github.com/dataease/da…
  • 官方文档:dataease.io/docs/

转至:https://juejin.cn/post/7049531388810231821文章来源地址https://www.toymoban.com/news/detail-445737.html

到了这里,关于开源网页版可拖拽BI工具2-DataEase(介绍与安装使用)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 开源数据可视化分析工具DataEase本地部署并实现远程访问

    目录 前言 1. 安装DataEase 2. 本地访问测试 3. 安装 cpolar内网穿透软件 4. 配置DataEase公网访问地址 5. 公网远程访问Data Ease 6. 固定Data Ease公网地址 结语 作者简介:  懒大王敲代码,计算机专业应届生 今天给大家聊聊开源数据可视化分析工具DataEase本地部署并实现远程访问,希望

    2024年02月03日
    浏览(47)
  • 【数据仓库】BI看板DataEase入坑指南

            开头夸夸国产开源BI软件DataEase,支持常见各种报表,还支持图表联动和上下级钻取,超赞有木有!!!         再来为什么说入坑,源码启动各种不服啊。本地用的maven3.5一直导入不了Java项目backend。后来看了官网bilibili源码启动视频,搞了1个多小时。注意和

    2024年02月16日
    浏览(50)
  • Vue:可拖拽组件

            在实际开发中,很可能会遇到开发可拖拽组件的需求,目的是应对某些弹框组件会遮盖某些重要信息/可操作面板,通过可拖拽的形式可以将上层的弹框组件移动到其他位置,从而不影响整个系统的操作。下面,我们分两步走,开发一个可拖拽的弹框组件,最终效果如

    2024年02月12日
    浏览(36)
  • LVGL可拖拽窗口实现

    一、 LVGL拖拽功能     LVGL obj提供了使能拖拽功能的函数:     不过在多元素界面,例如下边在 bg win上创建了若干个 sub win,bg win大部分面积被覆盖的情况下,如果单纯将 bg win 设置为可拖拽,则只有点击到  没有被覆盖的区域才能成功,效果不满足要求;如果简单的把 sub

    2023年04月25日
    浏览(38)
  • 开源BI报表工具Metabase初体验

    一款开源BI工具,后端是用clojure开发的。官网,GitHub。 安装非常简单,以 metabase.jar 包(后文简称jar包)方式分发。在GitHub Release页面下载最新版即可。也可以通过wget命令下载: wget http://downloads.metabase.com/v0.30.0/metabase.jar 。通过wget命令下载时的劣势是不知道最新版本号,从

    2023年04月17日
    浏览(37)
  • 前端弹窗可拖拽功能实现

           前端弹窗可拖拽功能主要实现思路就是监听鼠标移动事件,根据鼠标位置实时修改弹窗距离父级窗口(或者屏幕,根据需求设置)的left和right,但是考虑到鼠标拖拽一般都是在div的标题栏处发生,鼠标按下的位置不可能是弹窗的左上角位置,为此需要计算 鼠标按下的

    2024年02月19日
    浏览(46)
  • 实现ElementUI tab标签可拖拽

    通过sortablejs实现 参考:https://blog.csdn.net/wangjiecsdn/article/details/121995534

    2024年01月22日
    浏览(69)
  • 可拖拽编辑的流程图X6

     先上图

    2024年02月11日
    浏览(42)
  • vue 进度条组件(可拖拽可点击)

    在日常的开发当中,随着项目的需求复杂化,自定义组件也越来越常见,而且扩展性也比一些组件库要更加全面,比如视频播放器的进度条。 可自定义设置以下属性: 当前进度value,默认50 是否可拖拽isDrag,默认true 设置最小值min,默认0 设置最大值max,默认100 进度条颜色

    2024年02月16日
    浏览(35)
  • Qt编写可拖拽的自定义控件

    一直想做一个像卡牌游戏一样的,可以拖动卡片,实现改变位置,顺序交换的效果,今天我们一起来尝试一下。 类名为Card h文件 cpp文件 我们完成了一个很简单的200*400的圆角卡片 在主界面中展示看看 widget.h widget.cpp 运行后的效果: 首先要实现控件拖动,需要有2个要素,1:

    2024年02月11日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包