FlyFish（飞鱼）是一个数据可视化编码平台。通过简易的方式快速创建数据模型，通过拖拉拽的形式，快速生成一套数据可视化解决方案。
FlyFish（飞鱼）地址
GitHub：https://github.com/CloudWise-OpenSource/FlyFish
国内镜像：https://gitee.com/CloudWise/fly-fish
为什么使用FlyFish
简易上手
通过可视化的方式即可开发数据可视化应用，拖拉拽的形式编排组件与页面，配置化的方式调整样式
灵活拓展
平台内支持开发与发布自定义前端组件与交互逻辑；支持配置全局的自定义函数、全局事件与全局数据集；支持选择数据可视化比例或自适应；灵活满足不同的需求场景。
模版沉淀
基于行业项目实践，飞鱼沉淀了丰富的前端组件库与数据可视化模板库；针对不同行业进行模板划分，能够更加精确地服务于各行业需求场景。
灵活数据接入
支持静态mock数据、http接口、外部数据库等多种方式的数据接入；支持灵活修改数据结构。
高效交付
无需从零到一手写代码，no coding no bug；通过拖拉拽形式开发数据可视化应用，一键生成代码包，支持轻量级部署，不依赖任何平台或技术栈；实现高质量、高效率交付。
开放生态
免费开源，支持内网部署；持续的平台维护与社区生态运营，拥有大量用户参与贡献组件模板。
FlyFish效果如何
使用FlyFish，可以轻松实现下图所示的企业级大屏效果
安装
分支说明
(说明主分支、开发分支或其他分支作用)
【说明: [xxx: 具体功能描述] eg: feature_refactor_config】
| 分支 | 说明 |
|---|---|
| master | 主分支 |
| dev | 测试分支 |
环境依赖
(描述依赖项，及其安装/配置方式)
| 环境 | 说明 |
|---|---|
| node | >= 8.9.3 |
| redis | >= 4.0.8 |
| mysql | >= 5.6.38 |
部署
描述依赖项，及其安装/配置方式)
| 环境 | 说明 |
|---|---|
| node | >= 8.9.3 |
| redis | >= 4.0.8 |
| mysql | >= 5.6.38 |
1、进入项目目录
cd flyfish
2、修改mysql、redis配置文件ip【如本地部署无需修改】
vim src/common/config/adapter.js
3、修改code-server配置文件ip【如本地部署无需修改】
vim code-server/linux/out/browser/pages/vscode.browserified.js
4、build dockerfile
docker build -t flyfish .
5、run docker
docker run -itd --name flyfish -p 8364:8364 -p 3306:3306 -p 6379:6379 -p 8081:8081 flyfish
6、使用
浏览器访问: http://127.0.0.1:8364
服务器管理
docker exec -it flyfish /bin/bash
升级
1、更新代码
git checkout master git pull
2、更新容器
重复【安装】步骤
项目目录
├── code-server #在线编辑器
│ ├── linux
│ └── macos
├── config #初始化数据库配置文件
│ ├── database.${dev}.json
├── src #后端项目核心代码
│ ├── common
│ └── web
│ ├── config
│ ├── controller
│ ├── logic
│ ├── model
│ ├── service
├── www #前端项目核心代码
│ ├── solution-platform-web
│ └── static
│ └── upload
├── Dockerfile #dockerFile
├── options.json
├── options.json
├── pm2.json
├── README.md
├── startup.sh #启动项目脚本-
搭建平台 搭建流程基于下面的系统和软件平台,其他未作测试. Ubuntu 20.04 x64 Oracle VM VirtualBox Mysql 8.0.x Redis Nodejs 16.2.0 npm7.13 nginx1.20.1 参考文档 Flyfish开源中国 中的README.md, 方案三 (目前主机的硬件不支持Docker需要的二级地址转换). 步骤: 安装redis apt-g
-
Change log： 新增组件：轮播表格、时间组件、进度条、视频组件 修复大屏编辑模式下，点击导入导出时报错问题 修复公共组件默认不显示缩略图的问题 修复除了admin账户，其他普通账户也可以修改其他人信息的问题 修复默认新增应用时，提示“请选择标签”问题 FlyFish地址： Github：GitHub - CloudWise-OpenSource/FlyFish: FlyFish Gitee
-
就在今天，FlyFish正式上线了模版中心，开发者可凭借此页面非常方便的下载及导入已经开源的组件。 地址：FlyFish模版中心 FlyFish开源这几个月来，得到了许多开发者的支持，在此要郑重的给大家说一声谢谢。同时，我们也发现了诸多问题，虽然FlyFish支持docker部署，但是很多开发者依然有手动部署的需求。目前手动部署确实比较繁琐，许多开发者在部署中遇到了各种各样的问题。 在此对广大开发
-
问题：服务器上部署docker容器，本地访问飞鱼平台，发现登录地址请求是127.0.0.1的地址； 解决：按照部署流程仔细检查了一下，发现配置文件www/static/solution_platform_web/config/ENV.production.js没有正确配置。
-
问题：docker容器部署起来，做添加大屏操作的时候报错ER_NO_SUCH_TABLE: Table 'flyfish.visual_screen_tag_view' doesn't exist, SQL: SHOW COLUMNS FROM `visual_screen_tag_view`； 解决：检查发现数据库没有启动。
-
问题：code-server 下面 ，grpc安装失败，一起没有成功； 解决：切换成cnpm源后成功，其实也可以试试使用yarn进行安装；
-
Python 中有很多库可以用来可视化数据，比如 Pandas、Matplotlib、Seaborn 等。 Matplotlib import matplotlib.pyplot as plt import numpy as np %matplotlib inline t = np.arange(0., 5., 0.2) plt.plot(t, t, "r--", t, t**2, "bs", t
-
本文向大家介绍Highcharts＋NodeJS搭建数据可视化平台示例，包括了Highcharts＋NodeJS搭建数据可视化平台示例的使用技巧和注意事项，需要的朋友参考一下 前一段时间完成了一个数据可视化项目，由后台NodeJS＋Highcharts框架进行搭建。下面分享一下整个开发过程的流程，以及使用Highcharts框架的经验。 一、数据的读取 由于数据库使用的是MySQL数据库，在Nod
-
表格是一种组织和可视化数据的强大方式。然而，无论数据如何组织，数字的大型表格可能难以解释。 有时解释图片比数字容易得多。 在本章中，我们将开发一些数据分析的基本图形方法。 我们的数据源是互联网电影数据库（IMDB），这是一个在线数据库，包含电影，电视节目，和视频游戏等信息。Box Office Mojo 网站提供了许多 IMDB 数据摘要，我们已经采用了其中一些。 我们也使用了 The Numbe
-
Dokuwiki编辑器问题 1:Dokuwiki环境搭建 1.1:Dokuwiki自带安装文件 安装文件入口:/install.php 界面安装很方便 1.2:Dokuwiki自带zh-cn包 2:直接拷贝图片到编辑器 2.1:自带编辑器介绍 自带编辑器不支持所见所得,依靠一些标签来建立目录和页面排榜,尽管标签很强大,但是对于初学者或者不熟悉的人来说,比较麻烦. 2.2:更换流程及需求分析思考
-
要创建可视化视图： 点击左侧导航栏的 Visualize 。 点击 Create new visualization 按钮或 + 按钮。 选择视图类型： 基础图形 Line, Area and Bar charts 在X/Y图中比较两个不同的序列。 Heat maps 使用矩阵的渐变单元格. Pie chart 显示每个来源的占比。 数据 Data table 显示一个组合聚合的原始数据。 Met
-
我已经成功地实现了一个google可视化表，并通过添加events listener为一列添加了自定义排序过程。 背景：数据来自数据库以呈现表。我有几个表列带有“Status”列。此列应根据不显示该表的另一个数据字段进行排序。（所有数据都来自数据库，只需一次查询。它们都运行良好。）在addListener中，我根据自己的需求对从数据库中获取的数组进行排序，并通过