检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
} } return data 新建一个大屏页面,从“全部组件 > 文本”中,拖拽“高级表格”组件至画布空白区域。 开启后台排序功能。 图2 开启后台排序 新建全局变量。 后台排序需要搭配全局变量使用,请创建sortType、sortField。 图3 新建排序全局变量。
}) }) return data; 新建一个大屏页面,从“全部组件 > 文本”中,拖拽“高级表格”组件至画布空白区域。 开启后台筛选功能。 图2 开启后台筛选 新建全局变量。 后台筛选需要搭配全局变量使用,请创建filters变量。 图3 新建筛选全局变量。 交互设置。 选中高级表格组件,单击,进行组件交互设置。
在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮:按钮状态,分为启用和禁用。 内容:按钮显示文字,如保存。 默认文字:按钮显示文字的字体、文字粗细、文字大小、文字颜色。 默认背景色:处于默认状态下的背景色。
API”时,才显示该参数。 共享数据:是否共享数据。勾选表示某项目里多个组件调用一个公共的请求(请求路径与入参均一致才视为同一公共请求)而访问同一个接口的数据,避免多次调接口。“桥接器数据类型”选择“AstroZero API”时,才显示该参数。 输入数据:系统已预置了静态数据,如果需要自定义
F格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 图表标题 显示图表标题:是否显示图表标题。 标题内容:设置标题内容。 标题位置:标题显示位置,支持左、中和右。
如何设置内容安全策略 大屏页面嵌入第三方系统时(例如以iframe形式嵌入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。 设置内容安全策略 参考创建页面中操作,创建一个大屏页面。
ro大屏应用会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次访问时需要重新获取签名地址。如果不开启,不限制访问次数,但支持设置有效期。 有效期设置:设置Token认证有效期。如果不设置有效期,Token认证将永久有效。
ro大屏应用会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次访问时需要重新获取签名地址。如果不开启,不限制访问次数,但支持设置有效期。 父主题: 页面管理
ro大屏应用会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次访问时需要重新获取签名地址。如果不开启,不限制访问次数,但支持设置有效期。 有效期设置:设置Token认证有效期。如果不设置有效期,Token认证将永久有效。
ro大屏应用会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器中使用。关闭浏览器后,再次访问时需要重新获取签名地址。如果不开启,不限制访问次数,但支持设置有效期。 有效期设置:设置Token认证有效期。如果不设置有效期,Token认证将永久有效。
作,登录华为云Astro大屏应用界面。 新建一个大屏页面,从“全部组件 > 文本”中,拖拽“高级表格”组件至画布空白区域。 开启后台分页功能。 图1 开启后台分页 新建全局变量。 后台分页需要搭配全局变量使用,请创建pageSize、offset两个变量(变量名称可自定义),并为
deploy: # 配置私有化环境启动端口(默认8081) serverPort: 19996 # 配置是否开启匿名访问,默认是false,开启则改为true enableAnonymous: false # 租户ID tenantId:
系统自动进入该新建项目的“大屏&PC端项目”页面,如图9。 图9 大屏&PC端项目页面 步骤四:构建可视化大屏页面 华为云Astro大屏应用中预置了一些可复用的页面样例作为模板(预置模板和自定义模板),通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。本入门以交通管理
ECharts图表卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示标题。 内容:输入标题的内容。 字体:设置标题的字体、大小和颜色等。 对齐:设置标题的对齐方式,如左对齐、右对齐或居中。 标题背景色:设置标题的背景颜色。
可拖拽手柄:图例上是否展示可拖拽手柄。 图例宽度:设置图例的宽度。 图例高度:设置图例的高度。 鼠标悬浮联动:是否有鼠标悬浮联动效果。 坐标轴 在坐标轴中,设置图表的x轴和y轴,如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。 图6 热力图坐标轴 x轴 X轴:是否显示X轴。 坐标
false 标签是否具有el-tooltip提示,默认为false。 disabled Function | Boolean 否 disabled: true或(data, field, vm) => boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。
false 标签是否具有el-tooltip提示,默认为false。 disabled Function | Boolean 否 disabled: true或(data, field, vm) => boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。
作用域:选择项目变量作用的页面,可以是项目中的所有页面也可以是某一个或多个页面。 设置完成后,单击“保存”,完成变量的创建。 创建多个项目变量时,单击“开启调序”,可调整项目变量的顺序。调整变量顺序对页面中引用的变量无任何影响,只影响视觉效果。 使用项目变量 参考创建页面中操作,创建所需的页面。
false 标签是否具有el-tooltip提示,默认为false。 disabled Function | Boolean 否 disabled: true或(data, field, vm) => boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。
false 标签是否具有el-tooltip提示,默认为false。 disabled Function | Boolean 否 disabled: true或(data, field, vm) => boolean 是否禁用,可自定义函数,根据其他选项的值来判定是否禁用,返回true禁用。