找回密码
 立即注册

QQ登录

只需一步,快速开始

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

超级版主

299

主题

7874

帖子

1万

积分

超级版主

Rank: 8Rank: 8

积分
13129

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

ZenosZeng 讲师达人认证 悬赏达人认证
超级版主   /  发表于:2022-5-30 10:20  /   查看:3674  /  回复:1
本帖最后由 Lenka.Guo 于 2022-6-24 14:59 编辑

应用背景
当我们创建一个数据仪表盘时,有时需要重复显示一些数据,并具有相同的布局。例如,显示每条生产线的生产数据,如温度、湿度、用量、剩余用量、工作时间,甚至是员工的KPI等等。为了更快、更清晰地显示这些类似的数据,并自由地设计布局,很多用户期望可以添加一个新的组件 "卡片",其功能就像活字格中的图形列表视图。“卡片图”就基于此而生。

系列文章:

卡片图介绍
卡片图是根据用户自定义的模板为基础,结合所绑定的数据,循环生产最终的图表结果。使用卡片图时,有以下几个重要概念,我们简单了解下:
image.png85893553.png

卡片模板设计
image.png456871642.png

使用卡片图创建经营分析看板
我们以大区经营分析为例,来展示卡片图的基本用法和功能。
大区经营分析,主要以大区为数据统计单位,展示每个大区的销售完成率、销售人员和每个月的销售收入。最终要达到的效果如下:
image.png700625304.png

设计卡片图
1、从工具箱添加卡片图
image.png232121581.png

2、绑定数据字段
和常规图表一样,我们从【数据绑定】窗口将【大区】作为卡片图分类统计的字段。
image.png820387267.png

3、设计卡片图模板
接下来我们可以开始设计卡片图的模板,点击卡片图中央的【设计卡片模板】按钮,进入卡片图模板设计视图,该设计与普通仪表板设计过程一致。
image.png987038879.png

按照需要,添加富文本、水球图、图片、柱形图组件,这是标准的仪表板设计操作,就不详细介绍了。最终得到的效果如下:
image.png133327025.png

4、返回仪表板,预览卡片图最终效果
image.png29789122.png

关于该功能的完整使用介绍视频,请参考:
https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=146997&extra=page%3D1%26filter%3Dtypeid%26typeid%3D273


总结
卡片图为我们实现任意组合布局的可视化需求提供了无限可能,值得你来解锁更多应用场景。

1 个回复

倒序浏览
ZenosZeng讲师达人认证 悬赏达人认证
超级版主   /  发表于:2022-6-2 15:26:38
沙发
加入官方QQ群(群号:869635873),下载Wyn V6.0预览版进行体验。

了解更多Wyn V6.0新特性,可以查看新特性预览公开课视频哦,

https://gcdn.grapecity.com.cn/fo ... peid%26typeid%3D273
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部