找回密码
 立即注册

QQ登录

只需一步,快速开始

ZenosZeng 讲师达人认证 悬赏达人认证

超级版主

300

主题

7876

帖子

1万

积分

超级版主

Rank: 8Rank: 8

积分
13140

活字格认证圣诞拼拼乐微信认证勋章讲师达人元老葡萄悬赏达人

ZenosZeng 讲师达人认证 悬赏达人认证
超级版主   /  发表于:2020-2-21 20:12  /   查看:5138  /  回复:6
本帖最后由 Bella.Yuan 于 2023-1-5 18:42 编辑

(一)背景介绍
我们在设计仪表板、可视化大屏、管理看板的时候,经常需要给仪表板添加一些自动运行的能力,这样可以最大程度的达到自动化的需要,而且这些自动行为的动画效果会让数据展示更加直观,还能达到预警等效果。这篇文章就将仪表板中常用到的自动行为进行汇总。
2020-02-21_20-05-13.gif
(二)实现方法

Wyn Enterprise 的仪表板中提供了多种内置的自动化功能,汇总如下:


场景1、仪表板数据自动刷新
在可视化大屏、生产车间看板等场景下,仪表板需要自己运行,不会有人为干预,所以,数据的自动刷新就变得尤为重要。在Wyn Enterprise的仪表板中数据自动刷新只需要进行两步配置就可以。


第1步:开启图表/表格的自动刷新属性。
image.png876431274.png


第2步:配置该图表所使用数据的自动刷新计划
在产品的用户门户网站 http://localhost:51980 中,找到刚才图表所使用的数据集,为该数据集添加一个运行计划
image.png928970642.png


帮助文档有更为完整的实现步骤: https://help.grapecity.com.cn/pages/viewpage.action?pageId=30263419


场景2:多个页面的滚动播放
在做可视化大屏的时候,往往会展示多个画面,而这些画面能够按照顺序和时间,自动滚动播放。
这个需求在 Wyn Enterprise 中可以借助仪表板的多页面自动播放能力来实现。新建一个仪表板,然后你可以在设计器底部添加更多的页面,然后在仪表板的全局设置里面配置 自动播放 属性,如下图所示:
image.png537599181.png


场景3:使用选项卡(Tab)组件实现多个内容的滚动播放
在仪表板的页面中,我们利用选项卡组件,可以实现多个内容的滚动播放。
首先在仪表板中添加选项卡组件,然后添加多个选项卡页面,这样你就可以在每个选项卡页面中添加不同的图表等元素。
然后,在选项卡的属性窗口中,通过自动播放属性,来开启选项卡多个页面的自动滚动播放效果。
image.png572222594.png


场景4:表格数据的自动滚动显示
使用表格展示数据时,因为所有数据行的总高度可能超过了当前的可视化范围,我们可以通过自动滚动表格内容来循环显示数据。
在Wyn Enterprise中提供的数据透视表数据表和KPI矩阵,三种表格类型的组件都提供了自动滚动的属性,设置方法如下:





场景5:图表数据标签的自动滚动显示
详细实现步骤,可参考文档:https://help.grapecity.com.cn/pages/viewpage.action?pageId=42082533
比如希望实现这样的图表数据显示效果
自动轮播示例2.gif
我们可以设置图表的以下两类属性:
image.png830145873.png

场景6:地图中的自动轮播
地图是我们展示和分析数据经常使用到的可视化类型,你可以通过 Wyn Enterprise 的可视化插件 【轮播气泡地图】来实现地图数据的自动轮播显示。
下载地址: https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=72719&extra=page%3D1
轮播气泡地图截图.gif

场景7:通过自动轮播插件
有的时候,我们希望图表的数据,能够按照年度/地区等,自动轮播显示,比如从 2010 开始到 2020 ,一年一年的显示每一年的数据,这时候,我们可以通过自动轮播插件来实现。
下载地址: https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=72496&extra=page%3D1
image.png242937621.png


最后,通过以上这些动画效果,我相信你的仪表板、可视化大屏会非常的酷炫,现在就可以去试一试这些方法吧。

6 个回复

倒序浏览
中文补上
注册会员   /  发表于:2021-5-13 18:52:33
沙发
请问这种动态的如何导出?我直接导出png,会是一片白的
回复 使用道具 举报
James.Lv讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2021-5-14 08:59:50
板凳
中文补上 发表于 2021-5-13 18:52
请问这种动态的如何导出?我直接导出png,会是一片白的

您好,这个导出的是一个透明图片,您把图片放到word或者PPT里面,把背景改为深色就可以看到
回复 使用道具 举报
中文补上
注册会员   /  发表于:2021-5-14 11:10:16
地板
JamesLv 发表于 2021-5-14 08:59
您好,这个导出的是一个透明图片,您把图片放到word或者PPT里面,把背景改为深色就可以看到

好的,谢谢
回复 使用道具 举报
James.Lv讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2021-5-14 12:01:51
5#
回复 使用道具 举报
中文补上
注册会员   /  发表于:2021-5-14 12:23:45
6#
image.png111332396.png 这幅图导出来是这样的 image.png698389587.png
放到word文档里也没有内容
回复 使用道具 举报
James.Lv讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2021-5-14 12:31:44
7#
中文补上 发表于 2021-5-14 12:23
这幅图导出来是这样的
放到word文档里也没有内容

您好,因为这个是可视化插件,应该目前限制不能导出,麻烦您把问题发在我们的求助中心板块,这是我们产品教程
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部