检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
标签字体：水位图中心标签字体设置（字体样式、粗细、大小、颜色）。 波浪上时文本颜色：当水位图淹没标签字体时显示的字体颜色。 轮廓样式是否展现：水位图外层轮廓展示开关。 边框宽度：水位图外层轮廓宽度。 颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置水滴水位图组件的数据来源，更多介绍请参见数据接入。
字体：文字的字体、大小、颜色设置。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内边距：标题与组件框上下左右四个边界之间的距离，单位默认px。 标题偏移：组件标题与矩形水位图之间的偏移量。 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全
标签字体：水位图中心标签字体设置（字体样式、粗细、大小、颜色）。 波浪上时文本颜色：当水位图淹没标签字体时显示的字体颜色。 轮廓样式是否展现：水位图外层轮廓展示开关。 边框宽度：水位图外层轮廓宽度。 颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置箭头水位图组件的数据来源，更多介绍请参见数据接入。
标签字体：水位图中心标签字体设置（字体样式、粗细、大小、颜色）。 波浪上时文本颜色：当水位图淹没标签字体时显示的字体颜色。 轮廓样式是否展现：水位图外层轮廓展示开关。 边框宽度：水位图外层轮廓宽度。 颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置圆角矩形水位图组件的数据来源，更多介绍请参见数据接入
套餐版本，均为包年/包月购买方式。如果您需要快速了解AstroCanvas服务的具体价格，请参见AstroCanvas价格详情。 表1标“*”的计费项为必选计费项。 表1 计费项 计费项 计费说明 计费模式 计费公式 * 实例版本 AstroCanvas提供了“Astro大屏应用
坐标轴名称：设置X轴坐标轴显示名称。 坐标轴名称字体：坐标轴字体、颜色、大小设置。 轴线显示：是否显示轴线。 刻度显示：是否显示刻度线。设置为显示时，支持设置线的颜色。 刻度标签字体：设置标签的字体、颜色和大小。 网格线是否显示：是否显示网格线。设置为显示时，支持设置线的类型和颜色。
标题离容器左边距：标题距离组件左边的距离。 字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 图形 颜色：设置图表中，图形的颜色。 统一配置 进度条图案设置：可设置为“柱形”或“电池”。 数值字体：设置数值的字体、大小和颜色等。
图5 设置后效 下拉弹出框设置 最大高度：设置下拉弹出框的最大高度。 背景颜色：设置下拉弹出框的背景色。 字体颜色：设置下拉弹出框中字体的颜色。 选中态背景颜色：设置选中某项内容时，背景的颜色。 选中态字体颜色：设置选中某项内容时，字体的颜色。 鼠标悬浮时背景颜色：设置鼠标悬浮在某项内容上时，背景的颜色。
标签字体：水位图中心标签字体设置（字体样式、粗细、大小、颜色）。 波浪上时文本颜色：当水位图淹没标签字体时显示的字体颜色。 轮廓样式是否展现：水位图外层轮廓展示开关。 边框宽度：水位图外层轮廓宽度。 颜色：轮廓颜色样式设置，可以设置为单色或渐变色。 数据 在数据中，设置组件的数据来源，更多介绍请参见数据接入。
卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。
源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 域名：AstroZero环境的域名，需要携带“https://”。 客户端ID：调用AstroZero接口前，需要配置“客户端模式”OAuth鉴权的客户端ID，获取方法请参考客户端模式接入认证。
2024年6月 序号 功能名称 功能描述 阶段 相关文档 1 Astro大屏应用服务文档首次独立发布 Astro大屏应用（Astro Canvas，简称AstroCanvas）是华为云Astro低代码平台提供的可视化页面构建服务，提供了丰富的可视化组件、灵活的数据接入和多种方式页面构建能力，支
数据源：选择AstroZero数据源中，创建的数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用：选择调用自定义接口所属的应用。
卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示标题。 内容：输入标题的内容。 字体：设置标题的字体、大小和颜色等。 对齐：设置标题的对齐方式，如左对齐、右对齐或居中。 标题背景色：设置标题的背景颜色。
单击，可生成新的链接，原链接将不可访问。单击，可复制该链接。 设置访问限制。 如果是新建项目，需要为发布链接设置访问限制，即“分享码访问”或“Token认证”必须设置其中一个，否则链接在运行态无法正常访问。本入门中，以设置分享码为例进行介绍。 图14 分享码设置 分享码设置：设置页面分享码后，只能通过分享码来访问页面，提高安全性。
新建页面数据集 页面数据集名称：数据集名称长度为1~60个字符，可包括中文、字母、数字和下划线。 描述：新建数据集的附件描述信息，通常设置为数据集的功能或使用场景，长度为0~512个字符。 刷新周期：每隔多少秒从数据集中读取一次数据，默认配置为“0”，表示只获取一次。 从数据输入中拖拽
选择新建全局变量 “变量”设置为“seriesName”，“变量说明”设置为“系列名称”，单击“保存”。 图5 新建全局变量seriesName 返回组件交互页面，“赋值到变量”选择5.g中新建的变量， 单击“确定”。 图6 选择seriesName变量 新增响应动作“页面跳转”，设置跳转页面。
"pg_index" 其中，“pg_catalog”为指定的schema，“pg_index”为数据库中的表。 自定义SQL语句时，通过输入 “ $”，可进入表达式设置页面。在表达式设置页面，可从下方左侧面板选择字段名、函数或者直接输入函数，如图3。 图3 表达式设置 刷新数据：单击该按钮，可预览查询出的数据。
setLocalStorage 用于设置某个localStorage的值。 getCookie 用于获取某个cookie的值，使用方式参考如下： /* @param {*} cookieID */ HttpUtils.getCookie("key") setCookie 用于设置cookie的值，使用方式参考如下：
颜色类型：设置背景颜色类型，支持单一色和渐变色。设置为“单一色”时，支持设置背景颜色。设置为“渐变色”时，支持设置渐变类型和渐变方向等。 渐变类型：设置渐变的类型，如线性渐变、径向渐变和自定义输入。 渐变方向：设置颜色的渐变方向，如向上、向下、向右等。“渐变类型”设置为“线性渐变”时，才需要设置此参数。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
