华为云首页用户手册

ASTRO轻应用 ASTROZERO-玫瑰花饼图:卡片

时间：2024-04-28 16:09:33

ASTRO轻应用 ASTROZERO

卡片

卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。

图3 卡片

卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。
标题：
- 标题：是否显示该组件标题。
- 内容：输入组件标题内容。
- 字体：设置组件标题的字体、大小和颜色等。
- 对齐：标题相对于组件的对齐方式，支持左对齐、右对齐和居中。
- 标题背景色：标题背景颜色。
- 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。
- 标题偏移：组件标题与玫瑰花饼图之间的偏移量。
背景
- 背景色：设置组件卡片的背景颜色。
- 边框：组件的边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。
- 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
- 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。
- 上边距：图表到组件边框顶部的距离。
- 右边距：图表到组件边框右侧的距离。
- 下边距：图表到组件边框底部的距离。
- 左边距：图表到组件边框左侧的距离。
参考模板：设置组件中图表的样式，支持默认和带标签两种。
边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。
图表背景：图表的背景颜色。
图表标题：设置为“显示”时，可自定义标题的内容、位置、字体大小和颜色等。