检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
“当点击数据时”事件。 单击“+响应动作”，选择“赋值全局变量”。 在“动作详情”中，单击“+”，将页面级全局变量“url”赋值给组件数据源中的字段“url”，单击“确定”。 图3 赋值 单击“+响应动作”，选择“页面跳转”，跳转到外部页面，外部页面地址引用全局变量，设置为“${
到期预警 包年/包月AstroCanvas套餐在到期前第7天内，系统将向用户推送到期预警消息。预警消息将通过邮件、短信和站内信的方式通知到华为账号的创建者。 到期后影响 当您包年/包月AstroCanvas套餐到期未续费时，首先会进入宽限期，宽限期内您可以正常使用已购买和开通的AstroCanvas。
创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 操作场景 从零开始，通过拖拽组件、设置页面布局、数据源等，构建AstroCanvas大屏&PC端页面。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项
在左侧全部组件中，拖拽“水平基本柱图”到页面开发操作区域，即画布区域。 图3 拖拽水平基本柱图组件 选择水平基本柱图组件，单击组件上方的，配置数据源，完成后单击“保存”。 “数据类型”选择“静态数据”，“输入数据”选择“Json模式”，输入如下示例数据，并单击，格式化数据。 [{
载到本地。 解压已下载的模板，修改桥接器模型名称。 桥接器模型名称需要和使用该自定义桥接器的组件中定义的模型名称相同，否则在组件中设置数据源时，桥接器实例无法选择到该桥接器。 桥接器模型名称可在使用该桥接器的组件中查看。例如，在玫瑰花饼图中使用自定义桥接器，请按照如下操作获取模型名称。
无身份验证：不需要任何验证信息，直接调用接口，通常用于访问一些公开的接口。 AK/SK：通过访问密钥进行接口鉴权。访问密钥即AK/SK（Access Key ID/Secret Access Key），是您访问系统的身份凭证，系统通过AK识别访问用户的身份，通过SK进行签名验证，通过加密签名验证可以确
点击筛选时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。
”组件呈现数据会随着全局变量值变化而变化。 图1 告警监控页面 步骤1 新建数据集 参考AstroZero数据源中操作，新建数据源。 图2 新建AstroZero数据源 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 新建转换器。 在主菜单中，选择“数据中心”。
点击排序时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。
拼图的每一小块。 数据中心 数据中心用于对数据源进行集中管理，将数据源配置简化，降低技术门槛，让业务人员可快速完成配置。AstroCanvas当前支持如下几种类型的数据集，其与数据源、转换器和目录之间的关系，如图1所示。 图1 数据源、数据集、转换器、目录之间的关系图
数据的动态显示。本章节以全局变量，控制地图组件中数据的动态显示为例进行介绍。 操作步骤 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源 参考关系型数据库中操作，新建关系型数据库数据集（新建变量value）。 图2 新建关系型数据库数据集 新建全局变量。
csrfToken }, }) }) HttpUtils.refreshToken：用于手动刷新页面的accesstoken，通常用在执行退出逻辑时，执行该方法刷新页面的accesstoken。 HttpUtils.getUrlParam：用于获取查询字符串中的参数。 例如某个页面的URL为“https://10
init中抽取的独立逻辑，注册组件对外暴露的的事件和动作。 按需实现，组件定义事件和动作时使用。 getMockData 组件在没有对接外部数据源时，使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象，桩数据结构统一为二维数组对象[{id:3,name:'zhangsa
"category": "b" } ] 组件在获取数据时，获取到的是经过映射转换的数据，可以直接使用x、y等固定字段。 多数据集 部分组件可能存在使用多个数据源的情况，例如地图组件可能存在多个图层，相应配置可以如下： propertiesConfig: [ { config: [
页面数据集的创建入口。AstroCanvas中的组件，支持对接页面级的数据集，以保证数据的复用。页面级数据集主要是为了支持多个组件对接同一个数据源的情况，可以减少重复的请求跟重复的配置。 页面设置 AstroCanvas可视化开发页面，支持配置页面屏幕大小、适应方式、背景颜色或背景图片等，更多介绍请参见如何进行设置页面。
是否显示：是否显示未来几天的日期。 字体：未来几天日期的字体、大小和颜色等设置。 数据 在数据中，设置天气组件的数据来源，更多介绍请参见数据接入。 图6 设置组件数据源 图7 选择桥接器预置-静态数据 静态数据中，“dataNow”对应今日天气，“dataForecast”对应未来几天天气预报。 Astro
布为模板。 如果安装的是安全云脑类大屏，进入大屏页面后，您还需要根据实际情况设置全局变量和数据源等信息，如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量 图3 设置数据源信息 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在
在组件预览中，将表格中的字段，拖拽到对应的配置中。 数据中的total字段，必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图8 查看后台分页效果 父主题： AstroCanvas学堂
距离，默认为0，即铺满整个组件。 播放器设置 视频地址：视频的URL地址，仅支持H.264（视频）和 AAC / MP3（音频）格式的视频源。 封面图片地址：视频封面图片的URL地址。 是否循环播放：是否循环播放视频。 是否自动播放：打开页面后是否自动播放视频。 是否静音：播放视
文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
