检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
Canvas”，单击“添加授权成员”，进入添加成员页面。 选择前提条件中的IAM用户，单击“确定”，完成授权操作。 在AstroCanvas成员列表中，可查看到已授权的IAM用户。 图4 添加成员 将IAM用户添加到工作空间。 IAM用户授权后，即可正常进入AstroCanvas界面，但是会提示工
单击“新增静态数据”，将本地的Excel或CSV文件（文件大小不能超过100KB）拖入“上传文件”中，单击“保存”。 单击“保存”，完成数据集的创建。 在数据集管理列表中，可查看到已创建的数据集。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入开发页面，拖拽所需组件（如基本柱图）到画布中。 图4 拖拽基本柱图到画布中
i["学号"] === item["学号"])), })) 转换器保存成功后，单击页面右上角的“保存”，返回设计界面。 在页面数据集页签中，可查看到已创建的数据集。 图9 查看页面数据集 使用页面数据集 在开发页面，从“组件 > 图表”中，拖拽基本柱图组件到画布中。 图10 拖拽基本柱图到画布中
开通自动续费后，AstroCanvas会在每次到期前自动续费，避免因忘记手动续费而导致资源被自动删除。 在AstroCanvas生命周期的不同阶段，您可以根据需要选择一种方式进行续费，具体如图1所示。 图1 AstroCanvas生命周期 AstroCanvas从购买至到期前，处于正常运行阶段，资源状态为“运行中”。
在使用AstroCanvas前，您需要购买一个AstroCanvas实例。AstroCanvas实例是一个独立的资源空间，所有的操作都是在实例内进行，不同实例间的资源相互隔离。如果您的账号未购买过AstroCanvas付费实例，可申请免费试用AstroCanvas（试用实例版本为Astro大屏应用基础版），有效期为一个月。
到新页面，之前页面的全局变量“status”赋值到参数“alarmStatus”中，将“alarmStatus”传递到新打开的页面中，实现不同页面间传参。 图1 设置交互事件动作 父主题： AstroCanvas学堂
图9 设置组件标题 选中基本折线图组件，单击组件上方的，打开Y轴轴线“显示”开关。 图10 轴线显示 单击页面上方的，保存后单击，选择不同手机型号查看页面在移动端上的显示效果。 图11 查看预览效果
3分钟创建一个游戏类容器应用 3分钟创建一个游戏类容器应用 02 购买 AstroCanvas提供了基础版、专业版和企业版三种规格套餐，以满足不同场景下的用户需求。 计费模式 包年/包月 计费说明 快速购买 购买AstroCanvas实例 购买页面扩容包 04 使用 AstroCan
开启网格后效果 适应方式 根据需要选择页面适配方式。其中，等比缩放水平铺满、等比缩放垂直铺满和全铺满默认拥有自适应能力，无自适应指页面不会根据不同大小终端设备自适应显示。 图3 适应方式 背景 设置页面的背景图片或者颜色。选择图片作为背景时，支持使用系统预置的图片或上传本地的图片作为背景。
组件名称、时延和成功率。 类型：选择数据的类型，如单行文本、多行文本、数字、趋势、图片、迷你柱状图、迷你折线图和迷你进度条。不同的类型，展示的参数所有不同，请以界面实际显示的为准。本章节以单行文本为例，进行介绍。选择迷你柱状图和迷你折线图时，支持放大图表显示。 图14 图表放大显示
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 配置 在配置中，设置内嵌的本项目其它页面或者外包页面。当嵌入页面虚拟为不同域名时，可以提高整个页面的加载速度。 图4 配置 页面切换 当有多个页面需要轮播展示时，可打开该开关。开启后，可配置单个页面的展示时长。 页面编辑
为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题：是否显示组件的标题（如图3中的服务采购）。设置为“显示”时，可自定义标题的如下属性。
如名称、门禁结果等。 类型：选择数据的类型，可选单行文本、多行文本、数字、趋势、图片、迷你柱状图、迷你折线图和迷你进度条。不同的类型，展示的参数所有不同，请以界面实际显示的为准。选择迷你柱状图和迷你折线图时，支持放大图表显示。 图14 开启迷你柱状图放大图表功能 图15 预览放大效果
为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色等设置。
为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题： 标题：是否显示该组件标题。 内容：组件标题内容。 字体：文字的字体、大小、颜色等设置。
为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图4 卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题： 标题：是否显示该组件标题。 内容：组件标题内容。 字体：设置标题内容的字体、大小、颜色等。
为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题：是否显示组件的标题（如图3中的关键事件）。设置为“显示”时，可自定义标题的如下属性。
editor.js、BarGraph.ftl、BarGraph.js和packageinfo.json文件中组件ID。 如果自定义组件需要在不同的语言环境下使用，messages-zh.json和messages-en.json文件中的“EchartsWidgetTemplate”关键字也请替换为“BarGraph”。
为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
