检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
系统自动进入业务大屏开发页面,您可以直接使用该大屏应用,也可以根据自身业务的需求进行二次开发。 单击页面上方的,保存页面。 单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。
拖入组件,根据业务需求开发页面。 页面创建完成后,单击页面上方的保存图标,保存页面。 单击页面上方的预览图标,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。
素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 指标是指可视化组件中,对除可视化图形之外的具体补充,即主要以文字和数字的
颜色:设置图表中,图形的颜色。 统一配置 光圈标记:是否开启光圈标记。 数据排序:是否开启数据排序。 阶梯瀑布:是否阶梯瀑布效果显示。 横向柱条:是否横向柱条效果显示。 柱条圆角:柱状条边框圆角设置,取值为“0”时为直角,“100”为圆角。 柱条宽度:柱状条相对于X轴单位间隔的宽度。
标题颜色、标题内容、标题位置。 背景颜色:设置组件的背景颜色。 显示图例:是否显示图例。打开该开关后,可设置图例位置。 轮播:是否开启轮播效果。 间隔时间:设置图表的轮播时间间隔,不能大于24秒。 轮播顺序:设置图表的轮播顺序,支持从下往下和从下往上两种。 图形 图形是指组件中,
最小角度:扇区最小角度,取值范围为[0, 100]。 鼠标悬停:鼠标放在扇区时,该扇区是否放大显示。 所有标签设置:是否显示标签。 所有标签悬浮设置:标签悬浮设置。 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引导线是否展现:标签视觉引导线设置。 引导线长度:设置引导线的长度。
最小角度:扇区最小角度。 鼠标悬停:鼠标放在扇区时,该扇区是否放大显示。 所有标签设置:设置为显示后,图表中会显示标签。 所有标签悬浮设置:鼠标悬浮在对应数据系列上时,标签是否显示。 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引导线是否展现:设置为“是”时,标签前会添加引导线。
time 时间选择器 下拉选择类型 select 下拉选择 循环类型 list 循环 config配置示例 config配置示例如下,设置后效果如图1所示。 { migrateFrom: 'advancedSettings', headerTitle: { zh_CN:
起始角度:扇区起始角度。 最小角度:扇区最小角度。 鼠标悬停:鼠标放在扇区时,该扇区是否放大显示。 所有标签设置:是否显示标签。 所有标签悬浮设置:标签悬浮设置。 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引导线是否展现:标签视觉引导线设置。 引导线长度:设置引导线的长度。
图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。 图6 多折线图配置 轮播:是否开启轮播效果。 轮播类型:设置图表的轮播类型,支持按照数据系列轮播和按照X轴数据轮播。 图7 数据系列轮播效果 图8 X轴数据轮播效果 间隔时间:设置图表的轮播时间间隔,不能大于24秒。 图形
图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍,请参见组件数据接入。 组件配置项 配置示例如下,配置后效果如图2所示,组件配置项详细介绍请参见表1。 { migrateFrom: 'advancedSettings', headerTitle:
配置 在配置中,可以开启或关闭组件的轮播效果。 图6 多区域折线图配置 轮播:是否开启轮播效果。 轮播类型:设置图表的轮播类型,支持按照数据系列轮播和按照X轴数据轮播。 图7 多区域折线图数据系列轮播效果 图8 多区域折线图X轴数据轮播效果 间隔时间:设置图表的轮播时间间隔,不能大于24秒。
中重新配置密码,也可以在项目页面的“数据”页签,单击,重新配置。 安装项目 在A环境华为云Astro大屏应用界面的“项目列表”页签中,鼠标悬浮在待下载的项目上,单击。 在版本管理中,鼠标放在对应版本后的“操作”下,单击。 图1 下载对应版本的项目包 根据业务需求,选择运行容器,单击“下载”。
参考模板:系统预置的组件样式模板,如默认、极简等。 图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。开启轮播效果后,轮播时间间隔不能超过24秒。 图6 基本折线图配置 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
图6 内边距设置后效果 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 折柱图图形 颜色:设置图表中图形的颜色。 统一配置 水平堆叠:是否堆叠显示(多数据系列效果)。 横向柱条:是否横向柱条效果显示。 柱条圆角:
s中,都具有入参vm,vm为组件的Widget实例。 配置示例 通用配置示例如下,以global_SelectWidget组件为例,设置后效果如图1所示。本示例中的global_SelectWidget为华为云Astro大屏应用系统预置的下拉框组件,可在“我的资产 > 我的组件”中获取。
颜色:设置图表中,图形的颜色。 统一配置 光圈标记:是否开启光圈标记。 数据排序:是否开启数据排序。 阶梯瀑布:是否阶梯瀑布效果显示。 横向柱条:是否横向柱条效果显示。 柱条圆角:柱状条边框圆角设置,取值为“0”时为直角,“100”为圆角。 柱条宽度:柱状条相对于X轴单位间隔的宽度。
颜色:设置图表中,图形的颜色。 统一配置 光圈标记:是否开启光圈标记。 数据排序:是否开启数据排序。 阶梯瀑布:是否阶梯瀑布效果显示。 横向柱条:是否横向柱条效果显示。 柱条圆角:柱状条边框圆角设置,取值为“0”时为直角,“100”为圆角。 柱条宽度:柱状条相对于X轴单位间隔的宽度。
、折线图的线条、拐点等。 图6 双向柱图图形 颜色:设置图表中,图形的颜色。 统一配置 水平堆叠:是否堆叠显示(多数据系列效果)。 横向柱条:是否横向柱条效果显示。 柱条圆角:设置柱条的圆角。 柱条宽度:柱状条相对于X轴单位间隔的宽度,取值范围[1,100]。 数据标签:是否显示
内容:设置标题内容。 位置选择:设置标题位置,支持左、中和右显示。 背景色:设置标题背景颜色。 字体:设置标题字体、大小和颜色等。 轮播:是否开启轮播效果。开启后,支持设置轮播时间间隔(不能大于24秒)。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。