检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何使用高级表格的后台分页功能 后台分页必须和全局变量一起配合使用。要实现后台分页,需要在组件预览时,将数据中的total字段,添加到数据总数中。 后台分页 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 新建一个大屏页面,从“全部组件 > 文本”中,拖拽“高级表格”组件至画布空白区域。
如何使用高级表格的后台筛选功能 操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时,在添加转换器时,需要先筛选、再排序、最后分页,如图1。 图1 转换器添加顺序 后台筛选 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
switch 配置项说明 表1 switch配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "switch" 配置项类型。 value String 否 value: false 默认值。 name String 是 name: "commProps
time 配置项说明 表1 time配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "time" 配置项类型。 subType String 否 subType: "date" 子类型,支持的类型有time、date和datetime。 value
list 配置项说明 表1 list配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "list" 配置项类型。 name String 是 name:"intervalColors" 双向绑定list名称。 label Object 否 label:
单击“+响应动作”,选择“页面跳转”,跳转到外部页面,外部页面地址引用全局变量,设置为“${url}”,弹出新窗口打开页面地址,单击“确定”。 单击“完成”,设置后用户在单击柱图数据时,会跳转到数据集中设置的具体url页面。 图4 设置页面跳转 设置完成后,单击页面上方的,保存页面。 保存成功后,单击,预览效果是否符合预期。
6 自适应内容最大高度。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 仅在输入框失去焦点或用户按下回车时触发 (data, field) blur blur 在输入框获得焦点时触发 (value, data, field) focus
架构名称:MS SQL Server数据库的架构名称。当“数据库类型”配置为“MS SQL Server”时,该参数才会显示。 用户名:登录数据库的用户名。 密码:登录数据库用户对应的密码。 数据库名称:数据库实例的名称。 描述:新建数据源的描述信息。 单击“连接测试”,显示“连接成功”,表示数据源可以调通。
单击“确定”后,单击“完成”,返回开发页面。 单击页面上方的,保存页面。 保存成功后单击,参考发布页面中操作,发布页面。 打开发布的页面网址,查看最终设置效果。 图9 查看最终设置效果 父主题: 自定义组件说明
选中基本柱图组件,单击组件上方的,设置标题内容为“N省各市人口数量(千万)”。 图8 设置图表标题 单击页面上方的,保存设置页面。 单击,进入预览页面,预览效果。 图9 最终呈现效果 父主题: 数据集管理
ROMA连接器数据源 第三方接口或服务通过配置为ROMA连接器的方式,接入外部数据。 新建ROMA连接器数据源 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。
HTTP连接器数据源 前提条件 参考新建连接器中操作,创建HTTP连接器。 新建HTTP连接器数据源 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。
如何使用高级表格的后台排序功能 操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时,在添加转换器时,需要先筛选、再排序、最后分页,如图1。 图1 转换器添加顺序 后台排序 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
通用配置 配置项说明 表1 配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps
radio 配置项说明 表1 radio配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "radio" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name: "commProps
checkbox 配置项说明 表1 checkbox配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "checkbox" 配置项类型。 value Boolean 否 value: true 默认值。 name String 是 name: "commProps
三角形水位图 三角形水位图是水位图的一种,用于匹配不同风格、场景的大屏面板。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“三角形水位图”组件至画布空白区域,如图1。 图1 三角形水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
复制数据集到其它工作空间 创建同类型数据集时,通过“复制到工作空间”功能,可快速复制数据集到目标工作空间,减少重复操作,提升开发效率。 复制数据集到其它工作空间 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集
{widget}.css 文件介绍 {widget}.css为组件的样式文件,在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate