检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
将步骤二：下载运行环境中获取的AstroCanvas运行环境部署包（AstroCanvas_Runtime.zip），上传到安装目录下。 解压已上传的部署包，并进入已解压后的目录。 unzip AstroCanvas_Runtime.zip cd AstroCanvas_Runtime 图6 解压后包中的内容 进入
图2 管理目录 添加素材 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的素材”。 在我的素材中，单击“添加素材”。 单击或拖拽所需的素材到添加素材页面。 图3 上传素材 选择素材待添加到的目录，单击“确定”。
在主菜单中，选择“我的资产”，进入我的资产页面。 在左侧导航栏中，选择“我的组件”，单击“添加组件”，进入添加组件页面。 单击，选择新建并开发自定义组件中自定义的组件包BarGraph.zip，填写基本信息，单击“保存”。 图1 上传自定义组件BarGraph 表1 上传自定义组件参数说明
size = 1; } }, }, 增加和删除list中一项。默认有增加删除功能，所以需要添加addItemFunc和itemDelCallBack函数。 如果noAdd为true，不需要添加。 childItems Array 是 childItems: [ { type: "colorpicker"
展开层级：设置树状表格展开层级。 新增条件格式：单击“新增条件格式”，可增加条件格式。 例如，该组件预置的静态数据如图6所示。期望“series”为“白名单”的“amount”数值标红，参考图7，单击组件上方图标，单击“+ 新增条件格式”，设置条件和响应数据列的样式。 图6 预置数据 图7 新增条件格式
harts组件的初始化代码块、实例化代码块、自定义事件和自定义动作。 图4 代码设置 初始化代码块：初始化代码块输入框是一个javascript的执行环境，该执行环境的目的是调用echarts的init方法创建实例，此处可配置初始化相关的操作，包括echarts的主题等。 图5 初始化代码块
tpch数据库 单击已创建的数据库tpch，进入tpch数据库。 （可选）双击对应的表，右侧会显示对应的查询语句，单击“设置”，添加标签。 为作业添加标签后，在AstroCanvas中可通过标签识别到是具体哪个作业的执行结果。如果不设置标签，默认识别到最新作业的执行结果。 图2 设置标签
在“服务授权”页签，选中“Astro Canvas”，单击“添加授权成员”，进入添加成员页面。 选择前提条件中的IAM用户，单击“确定”，完成授权操作。 在AstroCanvas成员列表中，可查看到已授权的IAM用户。 图4 添加成员 将IAM用户添加到工作空间。 IAM用户授权后，即可正常进入
requires：依赖的库名称和版本号。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为px，不填写默认为200px（本例模板中未体现）。 height：在绝对布局高级页面中，添加该组件时的默认高度，单位为px，不填写默认为200px（本例模板中未体现）。 m
的操作，均以自定义组件为例。 请购买“Astro大屏应用专业版”和“Astro大屏应用企业版”实例，“Astro大屏应用基础版”实例不支持添加自定义组件。 新建目录 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的组件”。
件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作，新建一个空白页面。
OpenLayers地图 OpenLayers地图是一个离线地图组件，可以基于OpenLayers添加各类图层。 在大屏设计页面，从“地图”中，拖拽“OpenLayers地图”组件至画布空白区域，如图1。 图1 OpenLayers地图 图2 边距样式说明 卡片 卡片是指包裹图表
选中高级表格组件，单击，进行组件交互设置。 添加“点击排序时”交互动作。 图4 点击排序时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。
选中高级表格组件，单击，进行组件交互设置。 添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。
类型 示例 说明 tip Object tip: { "zh_CN": "图形", "en_US": "Series" } 鼠标悬浮提示，采用对象形式。 name String name: "code" 分类的key及系统预置的图标。name值为预置类型时，tip和iconSrc非
在已创建的对象中，单击，进入对象详情页面。 图4 选择编辑按钮 在“字段”页签，选中对象中预置的“名称”字段，将“显示名称”修改为“姓名”。 单击“添加”，为对象添加课程字段。 图5 添加课程字段 表3 添加课程字段参数说明 参数 说明 示例 显示名称 新建字段的名称，创建后可修改。 取值范围：1~63个字符。 课程
关系型数据库数据源 使用MS SQL Server、MySQL、Oracle、GaussDB和PostgreSQL关系型数据库，作为数据源。 新建关系型数据库数据源 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。
@change="search" :multiple="selectConfObj.multiple" :clearable="!selectConfObj.multiple" collapse-tags @visib
js中注册组件，使用方式参考如下： /* @param {string} widgetName * @param {string} description */ Studio.registerWidget("widgetVueTemplate", "The widget template
在重命名页面，输入新目录的名称，单击“确定”。 名称的长度为1~64个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 新建子目录 目录创建后，支持为其添加子目录，最多支持创建三层目录。 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
