检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
'只聚焦当前高亮的数据的图形', en_US: 'Self' }, value: 'self', }, { label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形'
css 文件介绍 {widget}.css为组件的样式文件,在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
untime/config 测试Key有效期为3天,过期后请使用机器码重新注册并生成测试Key或启用为正式Key。下载新的Key后,需要删除原先的Key,替换为新的Key。 使用机器码生成新的测试Key时,需要先删除失效的Key,再重新注册。因为一个机器码只能注册一个Key。 在
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的素材”。 在我的素材中,单击“添加素材”。 单击或拖拽所需的素材到添加素材页面。 图3 上传素材 选择素材待添加到的目录,单击“确定”。 支持将素材添加到已有目录,或新的目录中。 在大屏设计页面,使用已上传的图片。 从“全部组件
组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时,默认组件需要对接数据集。配置示例如下:
按照分类查找 按住鼠标左键,将目标组件拖拽到画布中。 图3 拖拽组件到画布中 组件添加成功后,会自动展示在画布中。您可以通过拖拽组件边框,调整组件的大小,也可以参考拖拽组件中操作,调整组件的位置。 父主题: 组件管理
组件自定义事件实现 组件之间的交互,主要包括组件自定义事件和组件响应动作,本章节将为您介绍组件自定义事件的实现方式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfi
单击“新建资源”,依次引入有依赖关系的资源。 图1 新增资源 资源:选择需要添加的库。请依次添加有依赖关系的资源,例如A依赖B,请先添加B再添加A。 作用域:设置新建资源作用的域。 项目级:资源应用于整个项目。 页面级:资源应用于哪些页面。 页面作用域:选择资源所应用的页面。 开发界面下不加载
widegtApi > name:组件的名称,如“EchartsWidgetTemplate”。 widgetDescription:组件的描述信息。 authorName: :组件的作者信息。 width:在绝对布局高级页面中,添加该组件时的默认宽度,单位为“px”,不填写默认为“200px”。
动作描述:新增动作的描述信息。 请求地址:设置请求地址,通过输入字符“{xx}”可在请求参数Path列表中使用变量“xx”。 请求方法:请根据接口类型,选择请求方法。 请求参数 Query:请求的参数,通常指的是URL中“?”后的附加参数。 Header:Header中需要的参数,支持“
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的桥接器”。 将鼠标放在对应的桥接器上,单击,获取锁。 锁定后,单击,进入更新桥接器页面。 图4 进入更新桥接器页面 在桥接器更新页面,上传新的桥接器、设置桥接器参数,单击“更新”。 图5 设置桥接器信息 将鼠标放在对应的桥接器上,单击,可查看到桥接器的新版本。
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的库”。 将鼠标放在对应的库上,单击,获取锁。 将鼠标放在对应的库上,单击,进入更新库页面。 图4 进入更新库页面 在库更新页面,上传新的库、设置库参数,单击“更新”。 图5 设置库信息 将鼠标放在对应的库上,单击,可查看到新版本的库。 :单击该图标,可下载当前版本库。
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的组件”。 将鼠标放在对应的组件上,单击,即可查看组件的历史版本。 在历史版本中,单击对应版本后的,可下载组件。 如果为自定义组件,还支持在线编辑对应版本的组件。 图14 查看库的历史版本 下载组件 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
组件除了可以作为事件的触发器,还可以处理事件的响应动作,在响应动作中选择组件响应,就可以选择对应的组件响应动作,数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作。 图1
项目开发完成后,可以在线预览,也可以一键打包从A环境发布、B环境安装,实现开发 > 测试 > 上线的快速部署,从而实现不同环境之间大屏&PC端、移动端资产的快速迁移。 发布项目 将已开发好的项目进行一键发布,发布项目时支持将项目中的数据集数据一并进行打包。 安装项目 获取已发布的项目包,在其他环境中安装,实现项目迁移。
API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中,保存当前组件的高级设置属性信息。 /* * @param {*} props {} */ magno
背景 设置页面的背景图片或者颜色。选择图片作为背景时,支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面,支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题: AstroCanvas学堂
i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题: 代码结构介绍
我的模板 操作场景 在我的模板中,可以查看用户发布的页面模板。 图1 发布为模板 复制页面模板到其他工作空间 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的模板”。 将鼠标放在待复制的模板上,单击。
log($pageStore); 单击页面上方的,保存页面。 单击,在预览页面,设置日期选择器的开始时间和结束时间。 图4 预览效果 设置完成后,按F12,在“Console”页签,即可获取查看eventParam。 图5 eventParam data:保存最详细的动作信息对象。 图6 查看data