会滚动的报表——滚动报表图让大屏更酷炫

我是社区第82056位番薯,欢迎点我头像关注我哦~
        与之前提及的迷你图一样,可视化插件大赛之中有很多作品跳出了简单的图表范畴,其中一个就是滚动报表图。传统的决策报表块是静态的,列表不会滚动,数据必须一次性展现,在大屏中效果不够酷炫,无法自动获取最新的数据,除非编写大量的js代码,对一般用户来说就只能望洋兴叹。

a1234567.gif

该插件在大屏中的效果图


        3D全景地图插件的作者Little带来的第二弹插件作品即是滚动报表图,此插件支持用图表的形式展现报表,通过设置数据集,显示成类似报表块列表,支持用户零代码获取数据库信息并配置自动更新时间,支持通过字段名称配置表头,支持自定义颜色配置等多种丰富的配置项,帮助用户制作炫酷的决策报表甚至大屏。

        插件的使用同一般的图表一样十分简单便捷,在普通报表中插入单元格元素、悬浮元素或者在决策报表中拖拽控件都可以。这里用设计器内置的GettingStarted.cpt示例模板中的数据为例,介绍一下滚动报表图的使用方式。

截图201712131026242926.png


        1.安装插件:在插件管理中找到滚动报表图,可以在线下载试用。安装完成重启设计器,会在决策报表图表控件栏中增加一个滚动报表图的图标,像一般图表一样拖拽图表到工作区内会添加一个滚动报表图。

截图201712131026358160.png


        2.建立数据集:以示例db中的销量表建立数据集。

截图201712131026458352.png


        3.选择数据来源:滚动图表数据选择刚才建立的数据集。

截图201712131026587173.png


        4.调整列表样式:简单改一下字体和颜色就可以很好看。

截图201712131027097005.png


        5.支持自动刷新:华东的孙阳原本柳橙汁的销量是540,假设他卖出了更多的柳橙汁,我们在后台更新数据库,即可发现列表中滚动的数据已经更新了。

截图201712131027213221.png


        会滚动的报表,人见人爱、花见花开、大屏见了酷翻天,上架半价优惠仅售1k。https://market.fanruan.com/plugin/654




帆软2017年可视化插件开发大赛成果一览

发表于 2017-12-13 11:12:48
我的天。。。期待了好久了。好棒的功能。可是要收费啊
发表于 2017-12-13 11:18:26
望钱兴叹。。。。。都是收费的!
发表于 2017-12-13 11:46:51
这个可以,细节很到位,鼠标悬停时不会滚动了
发表于 2017-12-13 14:03:39
好想学,基础太差了
发表于 2017-12-13 14:04:35
发表于 2017-12-13 16:40:50
帅呆了,酷毙了,简直无法比喻了
发表于 2017-12-13 17:08:23
发表于 2017-12-13 17:16:00
来自手机
66666666666
发表于 2017-12-13 17:23:54
来自手机
只能远远的看着
发表于 2017-12-13 18:45:36
感觉好牛逼
发表于 2017-12-13 20:24:12
我想问的是,超出范围的长度和宽度,会不会有 滚动条
发表于 2017-12-14 09:37:32
maoer8783 发表于 2017-12-13 20:24
我想问的是,超出范围的长度和宽度,会不会有 滚动条

不会
发表于 2017-12-14 17:16:12
发表于 2017-12-18 18:22:37
能尽的最大一份力就是在评论区留下我的:666
发表于 2018-1-25 18:12:24
有个问题,文字比较多的情况下不能全部显示
发表于 2018-7-19 09:26:23
可以啊这个不错
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

17回帖数 1关注人数 25642浏览人数
最后回复于:2018-7-19 09:26

返回顶部 返回列表