1.概述
卡片组件是星河可视化共创分析平台的内容创作组件,卡片组件支持嵌入字段、图片缩略图、缩略指标等等,支持自由布局,满足多变的配置场景。
2.卡片组编辑
2.1 字段设置
单击卡片需要单击卡片空白区域才可以进入到卡片字段设置页面,我们可以看到卡片组的【字段设置】以及【显示设置】。在字段设置中,用户可以拖取数据集中所需展示的字段进行配置。详情参考:看板编辑器
2.2显示设置
在显示设置中,用户可以设置卡片的布局、工具栏、边界等属性。详情参考:图表公共属性设置
值得一提的是,在【卡片布局】中,用户还可以调整卡片的各种特性。
行列数量:设置卡片展示的行列数
页面缓存:开启后卡片将进行缓存,以提高下次展示的速度
卡片间距:可以设置卡片的上下左右间距
分页样式:可以调整卡片分页的大小、颜色以及活动页颜色
导航样式:可以调整卡片的导航的大小以及颜色
轮播配置:开启后可以设置卡片的轮播动画模式、动画时长以及轮播延时时间
3.卡片编辑区
点击卡片编辑区,用户可以进入到卡片的编辑。
在卡片编辑看板中,用户可以拖动看板内的组件与字段。效果如图:
组件与字段可以任意拖动,用户可以根据需求自行调整卡片中所需要展示的组件位置。 用户可以在编辑看板右上角的【+】键中添加【组件】或者【字段】
3.1卡片组件
在卡片中,一共有分隔符、图片、图片组文本等七个组件。每个组件都可以为用户更好的展示数据。
分隔符:分隔符在编辑方面主要作用是对文本进行格式化的处理,使得文本更加得整齐美观。例如在编辑文本中加入这种符号可以将文章结构强行地分割开来,使得文章脉络清晰。在卡片组件,可以调整分隔符的方向、样式、粗细、颜色的属性。 图片:在卡片中,可以添加图片组件。通过卡片组件,可以与字段组合展示数据。比如可以作为卡片的背景图或者头图尾图。 图片组:在卡片中,可以添加图片组组件。值得注意的是,与图片的直接上传方式不同,图片组上传方式是以【字段】形式上传,用户需要上传数据并拖入图片组的字典设置中。
同时,用户可以在【全部样式】-【显示方式】中找到图片类型,分别有【按URL地址获取】【按BASE64编码64】【按条件设置】三种形式。
通过设置不同的图片类型,用户可以调整图片展示的类型。 文本:与看板中的文本一致,用户可以【文本】组件来在卡片中编辑展示文本。 迷你趋势图:在卡片组件,同样可以插入图表。比如迷你趋势图,和其他的看板图表一样,在字段设置中拖入相关字段后即可生成图表。 迷你指标图:同上。
3.2 字段组件
在卡片组件中,可以插入字段。通过插入字段,可以充分在卡片中展示所需数据。卡片中的所有字段都是在卡片的【字段设置】中上传的字段,只要是在【字段设置】中上传的字段,在卡片字段组件中都能找到。
3.2.1 显示设置
值得一提的是,通过字段还可以以图片形式展示信息。在字段的【全部样式】-【显示设置】中,可以选择字段的显示方式。
一共有【图片】和【文字】两种显示方式,当选择图片的展示方式时,和图片组一样,也有三种展示类型。
3.2.2.样式设置
在全部样式中,还可以设置字段的【样式设置】,可以设置字段的图标、字体颜色、背景颜色的属性。
比如,用户在字典前面展示图标,并且可以调整字段展示图标样式。
以及选择图标展示的位置,可以选择为在字段前或字段后。
如需对特定字段添加特定图标,用户还可以定制化设置,如图所示:
同时,字体颜色与背景颜色也是可以调节: