检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
执行导入操作前，请单击，查看当前组件对静态数据字段的要求。例如，玫瑰花饼图要求静态数据必须存在“s”和“value”字段列。如果不存在，右侧的“图表预览”将无法正常渲染。 图2 查看组件静态数据字段要求 图3 配置中无字段 单击“保存为静态数据集”，可将当前使用的静态数据保存为数据集。 图4 将静态数据保存为数据集
、Y轴数据或系列中。 刷新周期：每隔多少秒获取一次静态数据，默认配置为“0”，表示只获取一次静态数据。 共享数据：是否共享数据。勾选后，如果多个组件调用了相同的静态数据请求，不会各自只调用，而是共享结果数据。 选中基本柱图组件，单击组件上方的，设置标题内容为“各市农作物产量统计”。
本租户下的用户登录AstroCanvas创建页面时，可在“未上线模板”中使用该模板新建页面。 图2 使用未上线模板新建页面 模板已审核 本租户下的用户或其他租户下的用户，可通过如下两种方式使用该模板创建页面。 方式一：在图2中的“预置模板”下，可查看到已审批的模板，并使用该模板新建页面。 方式二：登录Astro
在左侧导航栏中，选择“页面资产管理 > 桥接器模板”。 在右侧页面，可以查看到系统预置的桥接器模板bridgeBasicTemplate。 单击桥接器模板，在桥接器模板详情页面，可查看模板详情。 下载桥接器模板 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单
发布为模板 操作场景 页面开发完成后，可将已开发好的页面发布为模板。在下次创建页面时，可直接使用该模板创建新的页面，减少重复开发，提高交付效率。 模板只能在当前环境的本租户下使用，而发布为全局模板中生成的模板可在当前环境的所有租户下使用。 将页面发布为模板 参考登录AstroCa
我的模板 操作场景 在我的模板中，可以查看用户发布的页面模板。 图1 发布为模板 复制页面模板到其他工作空间 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的模板”。 将鼠标放在待复制的模板上，单击。
在项目列表中，单击已创建项目的名称，进入对应的项目页面。 在项目页面，单击“新建页面”。 在新建页面的预置模板、未上线模板或自定义模板中，单击对应的模板。 例如，单击预置模板中的“问题分析”。 在模板预览页面，单击“使用此模板”。 图4 选择模板创建页面 输入页面标题，单击“新建”，即可完成页面的创建。 您可以直接
管理组件模板 查看组件模板详情 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，单击页面右上方的“管理”，进入AstroCanvas管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在组
使用页面模板文件新建页面 使用页面模板文件，构建开发页面，减少重复开发，提高交付效率。创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件，详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录AstroC
页面样例作为模板（预置模板和自定义模板），通过模板创建新的页面，可充分利用已有资源，减少重复开发，提高交付效率。本入门以交通管理模板为例，向您介绍如何快速构建大屏页面。 在“大屏&PC端项目”页面，单击“新建页面”。 在预置模板中，选择“交通管理”，单击“使用此模板”。 图10 选择交通管理模板
入（最多10个），来实现组件同时对接多个数据流。 本章节以将两个静态数据集（多数据流1、多数据流2）中的数据汇合后，作为组件的数据来源为例，向您介绍如何创建并使用页面数据集。 前提条件 已参考静态数据中操作，创建静态数据类型的数据集。 图1 多数据流1 图2 多数据流2 创建页面数据集
下载当前页面 操作场景 在AstroCanvas中开发完页面后，可将页面保存为模板下载到本地。模板下载后，可在如下场景中使用： 在当前账号的其他IAM用户中使用。 在当前账号的其他项目中使用。 下载当前页面 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在AstroCanvas中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
在组件模板列表中，单击所需的模板模板，进入模板详情页。 图1 预置组件模板 在模板详情页，单击“下载”，将模板下载到本地。 认识Widget包目录结构 解压下载到本地的组件Widget包，认识组件结构。如解压EchartsWidgetTemplate组件包，其目录结构如图2所示。 图2 Widget包目录结构
s: seviceLoad, }, ]; }, 配置数据数据时，下图中的“静态数据”选项即为静态数据，支持直接在线编辑静态数据。 图3 静态数据 父主题： 自定义组件开发规范
当自定义组件需要通过桥接器调用后台数据时，请选用该模板。 widgetPageMacroTemplate 当需要使用页面宏来存储变量时，请选用该模板。 在组件模板列表中，单击“EchartsWidgetTemplate”，进入模板详情页。 图2 选择EchartsWidgetTemplate模板 单击“下载”，将
必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径，用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化文件内容，推荐配置vue和vueI18n使用。 hideWidget
参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“通用”。 设置网页的图标等，单击“保存”。 图1 通用设置 开启页面加载动画：勾选后，预览或打开页面时，将会显示加载动画。 网页图标：设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、pjp
调接口。“桥接器数据类型”选择“AstroZero API”时，才显示该参数。 输入数据：系统已预置了静态数据，如果需要自定义静态数据，请重置数据。“桥接器数据类型”选择“静态数据”时，才显示该参数。 刷新周期：每隔多少秒调用一次后台接口，默认配置为“0”，表示只调用一次。 设置完成后，单击“保存”。
通过桥接器动态调用后台的接口，来获取后台数据展示在页面上，相关配置请参见桥接器预置。 静态数据 选择该方式时，页面会获取“输入数据”中的静态数据展示在页面上，详情请参见静态数据。 AstroCanvas已预置了静态数据，如果需要自定义静态数据，请重置数据。 数据集 选择在“数据中心”中配置的数据集，作
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
