检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
'只聚焦当前高亮的数据的图形', en_US: 'Self' }, value: 'self', }, { label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形'
在图层中将组件保存为卡片 在卡片设置中,输入卡片的名称,单击“保存”。 图3 设置卡片的名称 查看保存的卡片。 方式一:在编辑页面“我的卡片”中,查看已保存的卡片。 图4 在编辑页面查看保存的卡片 方式二:在“我的资产”中,查看已保存的卡片。 图5 在我的资产中查看 父主题: 组件管理
自定义组件说明 新建并开发自定义组件 上传自定义组件 父主题: 组件管理
AstroCanvas支持切换平台主题颜色,以便于用户可以按照自己喜欢的界面风格进行设置。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas页面,单击页面右上方“账户名”后的。 选择平台主题色,打开亮色开关。平台默认风格为暗色。 图1
登录AstroCanvas界面。 在项目列表的所有项目中,单击页面所在的项目,进入项目。 在所有页面中,单击对应的页面,单击“编辑页面”,进入大屏开发页面。 在工具栏中,单击,进入页面发布设置。 在“版本管理”区域,单击需要回退版本后的,单击“继续编辑”,进行回退。 如果回退前希
AstroCanvas开发中,可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中,可通过“页面跳转”响应动作传递页面参数。当跳转页面时,当前页面参数会传入到打开的页面中,支持自定义传参为固定值,也可绑定页面级全局变量。 例如,在如何基于页面级的全局变量实现组件交互开发的页面中
组件交互 组件自定义事件实现 组件响应动作实现 父主题: 自定义组件开发规范
独占一行。 基础配置项中也增加了labelWidth,在有label的情况下可以通过输入数字控制label的宽度(单位为px)。 tip Object 否 tip: { zh_CN: "当前排行榜展示的数据行数", en_US: "Number of data rows displayed
classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组,因此这个字段被扩展为双数组形式。一般默认情况下,直接在数组对象的第一个数组中配置即可。如果无配置,则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。
助您更加合理有效的排列大屏上的组件。 位置层次越靠前,表示组件在画布中的显示越靠前。 位置层次越靠后,表示组件在画布中的显示越靠后。 当两个组件重叠时,位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作,创建所需的页面。 在设计页面,选中待移动的组件。 单击右键,
新建工作空间 每一个工作空间,都对应一个新的AstroCanvas。在AstroCanvas中,通过创建工作空间,可实现对租户下的资源进行隔离与授权。 使用约束 只有租户管理员(实例创建者),才能执行创建工作空间的操作。 操作步骤 租户管理员参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
当前操作的类型,如新增、更新等。 组件ID 资产ID,前缀不可编辑,上传组件包后会自动填写。 目录名称 组件的存放目录,本示例选择“其它”。 场景 该组件包应用的场景,可根据业务需求选择“大屏&PC端”或“移动端”。 版本说明 该组件的描述信息。设置后,内容将会在组件详情页的“概况”页签下进行展示。
代码结构介绍 了解代码目录结构 目录文件详解 父主题: 自定义组件开发规范
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题: 自定义组件开发规范
用户在接入桥接器时,如果预置的桥接器无法满足要求,可自定义桥接器。关于connector/model等参数对象的规则介绍,请参考自定义桥接器。 registerEvents 一般用于在组件初始化阶段注册事件,只有通过此API注册后的事件才会在组件的事件列表中展现。同样只有注册的事件之后才能通过
组件配置项(Config配置) 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题: 自定义组件开发规范
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题: 代码结构介绍
义组件事件暴露的变量结构,以及事件和对外透传变量的业务含义。eventConfig配置好后,在组件配置交互时可以将事件的itemVal传递给页面全局变量中,供其他组件使用。 典型示例 典型的eventConfig示例如下: // 组件事件配置项,定义组件事件结构及说明,给全局变量映射使用
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
子类型,支持的类型有time、date和datetime。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps.myString" 该字段的值与advanceEditvm中的commProps