先揭开谜底,用开源数据可视化工具 datart
不光呈现可视化的图和动画效果,关键可以实现实时的需求,实时报表、实时大屏,动态交互效果
开源的,拿来即用
不废话了,这款工具在github上的地址
Github:Release 1.0.0-beta.3 release · running-elephant/datart
Gitee:https://gitee.com/running-elephant/datart/releases/1.0.0-beta.3
开源社群加微信edpstack, 社群全天有团队维护,安装部署,操作教程不会的可进群找指导,另外,里面都是前端的大佬,可以交流出更多学习和合作的机会
手把手教你怎么用 datart 完成数据可视化作品
第一、datart 安装部署
部署 | datart (running-elephant.github.io)
看上面文档教程就可以操作,学新闻的小姐姐第一次就很顺利哈,真的是小白的福音教程
第二、看下面教程,完成你第一个可视化图表作品
我们先来快速浏览一下怎样使用 datart 制作一个可视化作品。如果想要深入了解 datart 中的具体功能,可以在之后的章节里寻找对应介绍
注册与登录
首次访问系统需要注册账号,点击登录页右下角注册账号
进入注册页
如已配置邮箱服务器,在注册成功后需要确认激活邮件才能进入系统;如未配置在注册完成之后可以立即登入系统
创建数据源
进入系统之后,首页是可视化目录的展示页面,主导航栏在左侧
制作可视化作品首先需要一个数据源,点击主导航栏上的数据源
菜单来创建一个 MySQL
数据源,输入名称、选择数据源类型并填写所需的参数,点击测试连接
,测试成功之后就可以保存了
创建数据视图
然后点击主导航栏上的数据视图
菜单,来编辑一个数据视图。点击数据视图右上角的加号按钮,选择新建数据视图
, 中部的编辑器会创建一个新的页签
在编辑器工具栏中选择刚刚创建的数据源,编写SQL,完成之后点击工具栏上的执行
按钮,就可以在下方看到执行结果
可以点击执行结果列头部的按钮来编辑字段类型和权限,编辑完成后,点击右上角的保存按钮保存数据视图
创建数据图表
数据视图创建完成之后,就可以制作可视化作品了。数据图表是最基础的可视化作品,点击主导航栏的可视化
菜单进入可视化目录,并点击目录右上角的加号进行创建;我们先创建一个公共数据图表
创建完成后,在目录上选中刚创建的数据图表,右侧区域会显示该图表,由于刚创建还没有内容,点击右上角的编辑按钮进行编辑
进入编辑界面后,在左上角选择刚才创建的数据视图,出现字段之后,将字段拖拽到中间的数据
栏中来制作图表