检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
当页面中组件较多时,切换到图层页面,可方便快速查找到所需的组件。 在图层中,单击,将列表切换为卡片样式。 图1 将图标切换为卡片样式 图2 切换后效果 单击,可将切换回列表样式。 父主题: 图层管理
“隐藏”,可隐藏该组件。 图1 隐藏组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击,隐藏组件。 图2 在图层中隐藏组件 图3 隐藏后效果 组件隐藏后,如果需要再次显示组件,请单击“图层”,将鼠标悬浮在已隐藏的组件上,单击显示图标。 父主题: 组件管理
name: 'commonProps.showLabel', label: { zh_CN: '显示标签', en_US: 'Emphasis Focus' }, value: true, options:
即单击实心圆饼图中某个数据系列时,下拉选择框中的值随之改变。 图1 设置动作详情 设置完成后,单击“确定”。 单击,保存页面,单击,预览效果。 父主题: 交互设置
单击“+交互事件”,选择“点击”事件,单击“+响应动作”,选择“页面跳转”,跳转到内部其他页面,打开“设置页面参数”开关,设置参数。 配置效果:在发布后的页面中,单击“多区域折线图”组件,会跳转到新页面,之前页面的全局变量“status”赋值到参数“alarmStatus”中,将
跳转页面地址中会带上设置的参数 在页面一中,选中基本饼图,单击组件上方的,设置基本花饼图和页面三之间的交互。 图8 与页面三之间的交互 单击,保存页面后单击,预览效果。 图9 单击玫瑰花饼图弹出页面二 图10 单击基本饼图弹出页面三 跳转外部页面 外部页面跳转和项目内部页面跳转类似,只是交互动作的选择项不同,同时需要填入外部页面的连接地址。
拖动其中的某个组件,其他组件也随着改变位置,支持按鼠标左键框选多个组件。 5 主题 主题可以一键改变装饰卡片元素、图表配色和字体颜色等视觉效果。单击“取消当前主题卡片装饰”,可清除已设置的主题颜色,恢复到经典原始。 6 数据 页面数据集的创建入口。华为云Astro大屏应用中的组件
单击“完成”,设置后用户在单击柱图数据时,会跳转到数据集中设置的具体url页面。 图4 设置页面跳转 设置完成后,单击页面上方的,保存页面。 保存成功后,单击,预览效果是否符合预期。 单击相应数据,跳转到对应页面,符合预期。 父主题: 全局变量
选择器类型:支持时间范围和瞬时两种。 快捷时间:是否显示快捷时间,默认为“显示”。“选择器类型”设置为“时间范围”时,才显示该参数。 图5 显示快捷时间效果 值类型:支持实时和固定时间两种类型。选择实时,快捷时间为now形式,如图6。 图6 值类型为实时 快捷时间字体颜色:设置快捷时间的字体颜色。
增加大屏访问地址 其中,“URL”为待嵌入大屏的访问地址。在大屏发布页面,单击,即可获取,如图5。 图5 获取大屏URL地址 图6 大屏嵌入效果 如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie”已关闭(如图7),否则无法正常预览页面。 图7 关闭阻止第三方Cookie
您可以直接使用该页面,也可以根据自身业务的需求进行二次开发。 单击页面上方的,保存页面。 单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。
数据系列:在图表中,是否显示数据系列。例如,组件名称系列中,单击开启,图表中将会显示组件名称这列,如果关闭,将会隐藏掉该列。 图14 开启数据系列效果 图15 关闭数据系列效果 前台排序:是否开启前台排序功能。开启后,在预览表格时会显示下图中的图标,用于对表格中的数据进行排序。“数据系列”设置为“开启”时,才会展示该配置。
配置,所以提出了映射的概念,即mapping。 图2 映射 由用户自己决定将什么字段拖拽映射到什么字段。例如,将name字段映射到了“选项标签展示值”字段,即x中,将ranking字段映射到了“选项值”字段,即y中,将series字段映射到了“选项值”字段,即s中。 [{ "series":
同样不会再校验页面E和F。 按照页面限制:项目遵循各页面访问限制。 关闭项目发布页面,在项目列表中单击项目上的,可访问项目。 全屏模式显示效果最佳(快捷键F11),否则部分区域可能有滚动条或显示不全。 父主题: 发布及安装项目
数据可视化大屏可以用来展示项目进展、业绩指标、预算执行情况等关键数据,帮助会议参与者更直观地理解信息,做出更明智的决策。此外,数据可视化还能使汇报过程更生动有趣,提升汇报效果和沟通效率。 图3 经销商投总大屏 运营数据分析 数据可视化大屏为分析决策提供了重要支持,通过可视化展示业务运营数据、市场趋势、用户行为等
响应动作”,选择“赋值全局变量”。 在“动作详情”中,选择3中定义的全局变量。 图5 选择全局变量 单击“确定”后,单击“完成”。 保存页面后,单击,预览效果。 父主题: 全局变量
柱图事件交互设置 图9 折线图事件交互设置 图10 气泡图事件交互设置 设置完成后,单击“完成”,返回大屏开发页面。 单击,保存页面,单击,预览效果。 父主题: 交互设置
置为“10”,预览视频时视频会从第10秒开始播放,而不会从头(0秒)开始播放。 静音播放:开启后,音频将会静音播放。 图5 静音播放开启后效果 控制条:关闭后,音频的控制条将会隐藏。 数据 在数据中,配置音频组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置音频组件与
console.log($pageStore); 单击页面上方的,保存页面。 单击,在预览页面,设置日期选择器的开始时间和结束时间。 图4 预览效果 设置完成后,按F12,在“Console”页签,即可获取查看eventParam。 图5 eventParam data:保存最详细的动作信息对象。
示/隐藏”后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 图4 列显示效果 表格导出:是否开启表格导出功能。开启表格导出后,可以设置“悬浮显示”、“图标色”和“图标选中色”。 图5 导出开启效果 悬浮显示:开启后,鼠标移动到表格组件上时,才会显示对应的按钮。 图标色:设置按钮的图标颜色。