检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图1 单击桥接器模板 在桥接器模板详情页，单击“下载”，将模板包下载到本地。 解压已下载的模板，修改桥接器模型名称。 桥接器模型名称需要和使用该自定义桥接器的组件中定义的模型名称相同，否则在组件中设置数据源时，桥接器实例无法选择到该桥接器。 桥接器模型名称可在使用该桥接器的组件
源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1 配置组件数据 非数据源 桥接器预置 通过桥接器动态调用后台的接口，来获取后台
在项目列表中，单击页面所在的项目，进入项目。 在所有页面中，单击待下载的页面。 单击“编辑页面”，进入大屏开发页面。 在页面上方工具栏中，单击，即可将当前页面下载到本地。 下载到本地的页面模板文件命名为“当前页面的名称”.page。 图1 将大屏页面保存为页面模板文件 父主题： 页面管理
magno对象预置API一览表 表1 magno对象预置API一览表 API API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中，保存当前组件的高级设置属性信息。
Studio对象预置API一览表 表1 Studio对象预置API一览表 API API说明 registerWidget 定义组件。 registerConnector 定义桥接器。 registerEvents 注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。
租户ID：提供服务环境的租户ID。 将下载到本地的项目安装包，发送给其他需要安装的用户。 其他用户在B环境AstroCanvas界面，单击“导入项目包”。 导入项目后，如果当前环境中不包含同名的数据源，会从项目包中安装数据源。新安装的数据源密码是空的，请在数据源中重新配置密码，也可以在项目页面的“数据”页签，单击，重新配置。
可新增动作。在动作实现中，编写触发动作的执行逻辑。入参的echartsInst可以使用echarts的API，widgetInst可以使用AstroCanvas组件通用的API。单击“新增参数”，可以定义触发动作时入参字段。如何为自定义动作添加交互，请参见echarts组件自定义动作交互设置。
SafeUtils安全工具类预置API一览表 表1 SafeUtils安全工具类预置API一览表 API API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤，获取安全的绝对URL地址。 escapeHtml()
在左侧导航栏中，选择“页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在组件模板详情页，单击“下载”，将模板下载到本地。 父主题： 管理页面
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。
messages-zh/messages-en.json 组件的国际化资源文件，用于配置多语言（本例模板中未体现）。 表3 组件名.js中预置API说明 分类 API及说明 组件实例预置API init方法：主要包含组件渲染需要初始化数据的入口函数。 render方法：负责整个组件渲染的业务逻辑方法。 ge
显示该参数。 接口鉴权方式：设置接口鉴权方式，支持API鉴权、AK/SK、API Key和无身份验证。 API鉴权：填写API鉴权信息后，可在连接器中选择其响应参数，作为连接器请求参数的值。 无身份验证：不需要任何验证信息，直接调用接口，通常用于访问一些公开的接口。 AK/SK：
0%，页面右下角会弹框提醒。 开启资源访问耗时过长提醒：勾选后，如果单个资源访问耗时超过1秒，页面右下角会弹框提醒。 开启接口请求错误提醒：勾选后，如果接口请求出现错误，页面右下角会弹框提醒。 开启代码执行异常提醒：勾选后，如果代码执行出现错误，页面右下角会弹框提醒。 开启首屏加
在组件模板列表中，单击所需的模板模板，进入模板详情页。 图1 预置组件模板 在模板详情页，单击“下载”，将模板下载到本地。 认识Widget包目录结构 解压下载到本地的组件Widget包，认识组件结构。如解压EchartsWidgetTemplate组件包，其目录结构如图2所示。 图2
在AstroCanvas服务控制台，单击实例中的“进入首页”，进入AstroCanvas界面。 在页面右上角，单击“账号名”，选择“本地部署”。 图1 选择本地部署 在本地部署信息中，单击“版本列表”，下载AstroCanvas运行环境部署包。 图2 下载新版本的运行环境部署包 进入旧版本的
您可以通过“Excel模式”和“Json模式”两种模式设置静态数据。设置为“Excel模式”时，可执行如下操作： 单击“文件导入”，可将本地的数据导入到当前组件中使用。仅支持导入CSV和Excel格式的文件，且文件大小不能超过100KB。 执行导入操作前，请单击，查看当前组件对
设置页面的背景图片或者颜色。选择图片作为背景时，支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面，支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题： AstroCanvas学堂
图片默认为匿名可访问，请勿上传包含敏感数据的图片。 图1 设置项目封面 页面缩略图：使用项目中，页面的缩略图，作为当前项目的封面。 上传封面：单击“上传封面”，从本地上传图片作为项目的封面。建议使用596*328尺寸的图片。 默认封面：使用系统提供的默认封面，作为当前项目的封面。 父主题： 项目管理
其中，“frame-ancestors”为固定格式，“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外，还有一种典型的场景是将大屏嵌入本地的file中，如图4。 图4 将大屏嵌入本地的file中 登录第三方系统，在Elements中，增加“<iframe src="URL" ></iframe>”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
