华为云首页用户手册

ASTRO大屏应用 ASTROCANVAS-实心圆饼图:卡片

ASTRO大屏应用 ASTROCANVAS-实心圆饼图:卡片

时间：2024-11-06 10:52:56

ASTRO大屏应用 ASTROCANVAS

卡片

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

图3 卡片

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

上一篇：ASTRO大屏应用 ASTROCANVAS-实心圆饼图:图形

下一篇：ASTRO大屏应用 ASTROCANVAS-实心圆饼图:图形

华为云11.11 2核1G 2M 云服务器

29元/年

立即注册领万元上云礼券

抽奖赢11111元免单

续费同价 L实例 2核2G 4M

98元/年

热门域名 1元随心购

1元/年

ASTRO大屏应用 ASTROCANVAS-实心圆饼图:卡片

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题