检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
目页面。 图8 AstroCanvas入口 方式二：从运行环境登录AstroCanvas界面 运行环境是指应用正式发布上线的真实环境，默认域名为“appcuberun.cn-north-4.huaweicloud.com”。测试完成后，将应用发布至生产环境，即运行环境，供业务用户使用。
步骤一：注册账号并实名认证 使用AstroCanvas前，需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号，可直接跳过如下操作，但需要确保账号有足够的金额。 进入华为云官网，单击页面右上角的“注册”。 参考注册华为账号并开通华为云中操作，完成注册。 注册后参考个人账
如果需要删除某些行，可以先选中待删除的行，再单击“删除选中行”。如果需要清除所有内容，可单击“清除列表”。 图2 输入静态数据 将鼠标放在某个列上，单击，可对该列进行编辑、删除、复制、左侧插入列和右侧插入列。 图3 编辑该列 导入Excel或CSV 单击“新增静态数据”，将本地的
配置数据集参数。 图2 配置数据集参数 查询类型：设置查询数据的类型，如查询时间范围内的数据或瞬时数据。 查询周期：设置查询时间的周期，某一个时间段内或某个时间点。 最大采样点数：设置查询数据的个数，取值范围为[1, 10000]。假设，查询周期设置为过去的3小时，最大采样点数设置为100，则
可以通过鼠标控制上移、下移、置顶、置底等层级操作，也可以通过设置组件属性精确设置层级。在画布区域中按住Ctrl键可选择多个组件，拖动其中的某个组件，其他组件也随着改变位置，支持按鼠标左键框选多个组件。 5 主题 主题可以一键改变装饰卡片元素、图表配色和字体颜色等视觉效果。单击“取
当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 图2 AstroCanvas中组件 组件通用设置 在AstroCanvas某个可视化页面中，单击画布中的某一个组件，组件上方会出现配置项面板，如图3。AstroCanvas中组件的配置项菜单分为卡片、指标、图形、图例
组件销毁前的回调函数，组件自己实现继承。 init 组件初始化入口API，以SelectWidgetTemplate组件为例，初始化组件通用能力，负责注册组件事件和组件动作。主逻辑建议如下： init() { this._super.apply(this, arguments);
布。 实现原理：该场景中将告警状态定义为全局变量，在页面中使用系统预置的“下拉选择框”和“多区域折线图”组件。当用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集，
Name' }, }, ], }, }, clickSeries字段对应组件{widget}.js文件中，注册的事件id。 window.Studio.registerEvents(this, 'clickSeries', { zh_CN:
式。自定义事件是指组件作为触发器，当用户操作组件（比如下拉框选中选项）时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以global_SelectWidget组件为例： 在文件global_SelectWidget
交互，来扩展组件在系统中的交互能力。单击“新增自定义事件”，可新增事件。在事件实现中，编辑事件实现的代码，为echarts实例或组件实例的某个动作回调绑定发送事件的方法triggerCurrentEvent。单击“新增字段”，可定义发送事件时携带的参数字段。如何为自定义事件添加交
响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例
模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数)
测试Key有效期为3天，过期后请使用机器码重新注册并生成测试Key或启用为正式Key。下载新的Key后，需要删除原先的Key，替换为新的Key。 使用机器码生成新的测试Key时，需要先删除失效的Key，再重新注册。因为一个机器码只能注册一个Key。 在浏览器中，输入AstroCan
{ if (cbk) { this._super(); cbk(); } }, }); // 注册组件，必填 window.Studio.registerWidget('EchartsWidgetTemplate', 'EchartsWidgetTemplate'
自定义的事件名为“sendSelect”，必须配置。 须知： 需要在组件“.js”文件逻辑代码中，使用“Studio.registerEvents()”方法注册该事件，并使用“thisObj.triggerEvent()”方法触发该事件。 desc 事件的中英文描述，可描述事件的具体场景、作用，必须配置。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
