一、可视化需求
Ofter整理总结了大部分人对可视化大屏的需求:
1、常用的图表库:折线图、柱状图、条形图、表格、饼图、排名图等;
2、图表样式可自定义:文字、颜色、标题、图例等;
3、动态数据:数据可查询、添加、编辑、删除、导入、导出;
4、大屏实时展示:保存制作好的大屏即可访问,无需额外部署;
5、组件丰富:可编辑的文字、边框、背景、动态的图表;
6、添加数据源:支持自己添加不同表头的数据;
7、编辑大屏:各用户的数据和大屏独立,可无限制添加大屏、复制、编辑、删除,查看访问次数。
当然,还有一个重点:无代码!无代码!无代码!
然后,按这份需求清单,Ofter自己设计→开发→测试→部署,花了三周时间制作了一个可视化平台,希望后期能免费提供给广大粉丝们使用,同时要感谢那些给我提供意见和需求的用户们。我们先看下能制作出什么样的效果:
二、实现功能
2.1 添加数据源
没错,支持excel/csv等文件上传,系统会自动解析表头、数据;每个用户只能看到自己添加的数据。
效果如下,还可以导入新数据、添加、编辑、删除数据。
2.2 添加大屏
每个用户只能看到自己添加的大屏。
2.3 编辑大屏
点击编辑大屏后,我们可以看到可视化编辑器页面,如下动图展示了基础功能的操作:
目前,Ofter开发了常用图表、文字、头部、边框和动态图表几个组件,再次展示下这些组件的完全体;全屏也可以调整布局哦,主要是不想太小,费眼睛。
2.4 编辑功能
我们看下图表的编辑具体功能有哪些?以这个数据集为例
一张图表的组成部分主要就4个方面:标题、X轴、Y轴、图例,因此这几个地方都提供了样式修改功能。
默认生成的是灰色,我们可以自行对是否显示、大小、位置、颜色进行调整,看下调整后的效果:
是不是够狠?连图表中的每个柱形图的颜色也可以自己配置。
2.5 数据修改
我们再看下,修改数据实时更新的效果:
2.6 访问大屏
点击右上角的保存,我们就可以实时看到修改的大屏效果,来看看
三、产品总结
一个产品的诞生肯定不是只靠开发,产品的需求和设计是前期非常重要的环节。设计到位,往往能减少后期很多不必要的麻烦。就这个可视化平台而言,为了增强用户体验,还有很多需要完善的,记下笔记:
1、仪表盘、装饰图片等组件还需要添加;
2、大屏编辑中添加复制、撤回、左右键调整布局;
3、删除组件,不影响其他图表的布局;
4、添加组件支持拖拽。
有没有看得晕眩?Ofter确实花了很多心思,Ofter数据科学值得关注、收藏,如果有数据可视化的问题或需求可以随时联系我!!!