如需了解国际站更多云产品，请访问国际站。https://www.huaweicloud.com/intl/
不再显示此消息
如需了解国际站更多云产品，请访问国际站。https://www.huaweicloud.com/intl/
不再显示此消息
{widget}.js：组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。 父主题： 代码结构介绍
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解
父主题： {widget}.editor.js
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
/* * @param {*} props {} */ magno.savePropertiesForWidget({ // 属性应该与editor.js中的属性对应 barChartProps: JSON.stringify(_this.barPropList),
图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例 */ Studio.registerAction( thisObj, 'confirmLocationWidgetCbk
select组件的内部处理API如上面代码。 inReader 判断当前页面状态是开发态或预览态，使用方式参考如下： if (!Studio.inReader) { // “true”表示在预览态（即运行态），“false”表示在开发态。
相应代码要在{widget}.js中实现如下： this.echartsInst.on('click', 'series', (event) => { thisObj.triggerEvent('clickSeries', event); }); 父主题： {widget
name: 'configuration' }, { name: 'tooltip' } ] ], 图1 classfication配置设置后效果 父主题： {widget}.editor.js
图3 设置自定义动作 /* * 可以像示例这样获取到组件对象，然后编写js代码 * 示例中表示，触发当前事件后，会隐藏组件widget16 * 帮助文档：https://support.huaweicloud.com/usermanualcanvas-astrozero/astrozero
例如“基本柱图”组件的“BarChart_Widget.editor.js”中定义代码如下： propertiesConfig: [ { config: [ { "type": "connectorV2",
例如，在MintUI官网下载组件库的代码，增加一个packageinfo.json元数据描述文件，在该文件中列出Library包含的js和css文件名，并打成Zip包。该场景中Zip包为“MintUI.zip”，单击链接获取该包。
注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册，以global_SelectWidget组件为例： 在文件global_SelectWidget.editor.js中定义事件 eventConfig: { sendSelect
将脚本d3js.org_d3.v4.min.js和packageinfo.json打包为zip，在华为云Astro大屏应用界面“我的资产 > 我的库”中上传。
代码示例：HttpUtils.setLocalStorage("key","value") 了解核心逻辑代码。 EchartsWidgetTemplate.js init()函数：组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。
父主题： {widget}.editor.js
配置项总览 本章节介绍华为云Astro大屏应用支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。
组件数据接入 组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取，以EchartsWidgetTemplate组件为例，在“{Widget}”.editor.js文件中，可配置组件接入的数据。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
您即将访问非华为云网站，请注意账号财产安全
