检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何设置分享码 AstroCanvas支持设置页面分享码，设置后，需要校验分享码才可正常访问页面，以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目）
每一个工作空间，都对应一个新的AstroCanvas。通过创建工作空间，可实现对租户下的资源进行隔离与授权。 项目 在AstroCanvas中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 组件 组件（即Widget）是可复用的大屏或移动端页面组成
户，实现多人协助开发可视化大屏应用。 前提条件 已参考创建IAM用户中操作，创建IAM用户。默认情况下，新创建的IAM用户没有任何权限。您需要为其授予权限，或将其加入用户组，并给用户组授权，用户组中的用户将获得用户组的权限。创建用户组时，请给用户组赋予“Astro Canvas
创建移动端项目 操作场景 在AstroCanvas中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在“项目列表”中，单击“新建项目”。 在新建项
参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“资源”。 单击“新建资源”，依次引入有依赖关系的资源。 图1 新增资源 资源：选择需要添加的库。请依次添加有依赖关系的资源，例如A依赖B，请先添加B再添加A。 作用域：设置新建资源作用的域。 项目级：资源应用于整个项目。 页面级：资源应用于哪些页面。
classfication 字段介绍 classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。
创建大屏&PC端项目 在AstroCanvas中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在“项目列表”中，单击“新建项目”。 在新建项目页
"1.0.0" } ] 在“requires”里增加库文件时，需要注意某些库文件之间有依赖关系，增加库文件需要有先后顺序，例如“global_VueI18n”是基于“global_Vue”的，需要写在“global_Vue”之后。 在Widget包（widget_demo_mintui
图片 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“图片”组件至画布空白区域，如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件
API接口：API接口的URL，本示例选择“getWarnDetailByStatus”接口。 参数：接口入参，当有入参时，系统会自动展示，需要设置参数默认值等。 单击“展开”，设置API的参数默认值为变量alarmstatus，并赋予变量的值为1，表示默认筛选告警状态为“已关闭”的告警数据。
向右等。“渐变类型”设置为“线性渐变”时，才需要设置此参数。 颜色1：自定义渐变颜色1。“渐变类型”设置为“线性渐变”或“径向渐变”时，才需要设置此参数。 颜色2：自定义渐变颜色2。“渐变类型”设置为“线性渐变”或“径向渐变”时，才需要设置此参数。 CSS background属
连接的数据源已创建，如何创建请参见DWS数据源。 约束与限制 配置DWS数据集时，输入的SQL语句中如果含有和DWS数据库中字段名称相同的关键字，关键字需要加双引号 “""”。DWS数据库中包含的关键字，请参见DWS数据库关键字。 创建DWS数据集 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
可对“手动续费项”、“到期转按需项”和“到期不续费项”页签的资源开通自动续费。 选中需要开通自动续费的AstroCanvas，单击“操作”列“开通自动续费”。 图2 开通自动续费 选择续费时长，并根据需要设置自动续费次数，单击“开通”。 图3 开通自动续费 父主题： 续费
轴条默认样式：设置轴条的默认样式。“显示尾”需要设置为“显示”。 图5 轴条默认样式 轴条选中样式：设置轴条选中时的样式。“显示头”需要设置为“显示”。 图6 轴条选中样式 轴条粗细：设置轴条的粗细。 显示头：设置轴条的选中样式时，该参数需要设置为“显示”。 头轴条样式：设置头轴条选中时的样式。“显示头”需要设置为“显示”。
getConnectorProperties(); // 获取组件Connector数据 // 监听resize事件, 画布resize时需要重新绘制一下，如果有其他需要，参数可以传入函数，resize时会调用 this.registerResizeEvent(); }, getConnectorProperties
续费管理 所有需手动续费的资源都可归置到“手动续费项”页签，具体操作请参见如何恢复为手动续费。 找到需要续费的资源，单击操作列的“续费”。 图4 手动续费 进入续费页面，选择需要续费的时长，单击“去支付”。 图5 续费确认 进入支付页面，选择支付方式，确认付款，支付订单后即可完成续费。
在颜色设置中，可以更改热力颜色，也可以单击“新增颜色设置”，添加色块颜色。 热力范围 着色显示的数据范围，需要设置最大值和最小值。 热力标注 设置是否显示标注，设置显示时，需要设置字体、字体颜色和字体大小。 图例 图例是指在多维度可视化图形表达中，用以区分不同维度可视化图形的提示标识。
S样式。 {widget}.editor.js：组件核心渲染文件。组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt：组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 {widget}.js：组件
1].size = 1; } }, }, 增加和删除list中一项。默认有增加删除功能，所以需要添加addItemFunc和itemDelCallBack函数。 如果noAdd为true，不需要添加。 childItems Array 是 childItems: [ { type: "colorpicker"
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
