检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
默认选择项:下拉框默认的选择项。 字体:下拉框中字体的大小、颜色等设置。 背景颜色:设置下拉框的背景颜色。 边框颜色:默认状态下,下拉框边框的颜色。 边框聚焦颜色:鼠标选中下拉框时,边框的颜色。 边框悬浮颜色:鼠标悬浮在下拉框上时,边框的颜色。 占位符:没有输入内容时,展示的文字内容。 是
标题字体:设置标题的字体、颜色和大小等。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 时间轴图形 时间轴 时间轴方向:时间轴的方向,支持水平方向和垂直方向。 自动轮播:是否展示自动轮播效果。 间隔时间:间隔的时间。 停留时间:停留的时间。
样式设置:设置勾选框的样式,支持圆角、方形和圆形。 颜色设置 字体颜色:未选中状态下,选项字体的颜色。 背景颜色:选项背景的颜色。 选中态背景颜色:选中状态下,选择框背景的颜色。 边框颜色:未选中状态下,选择框边框的颜色。 边框聚焦颜色:鼠标选中选择框时,边框的颜色。 边框悬浮颜色:鼠标悬浮在选择框上时,边框的颜色。
上传自定义组件 参考登录华为云Astro大屏应用界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”,进入我的资产页面。 在左侧导航栏中,选择“我的组件”,单击“添加组件”,进入添加组件页面。 单击,选择新建并开发自定义组件中自定义的组件包BarGraph
了解代码目录结构 当系统预置的组件无法满足用户需求时,用户可自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板(Widget包),您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
连接器删除后不可恢复,请谨慎操作。 删除连接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。 在连接器管理页面,单击已创建连接器后的,选择“删除”。 在弹出的确认框中,单击“确定”,即可删除连接器。
录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 创建数据集 应用:选择华为云Astro轻应用中具体的应用。 对象:选择要展示数据关联的对象。 字段:设置数据中展示的字段,支持使用标签。 刷新数据:单击该按钮,可预览数据。
数据标记柱图是柱状图的一种,通过柱形图的形式展现数据的整体表现,额外的数据标注更直观的展现数据的大小。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“数据标记柱图”组件至画布空白区域,如图1。 图1 数据标记柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解
内容:自定义标题的内容。 字体:设置自定义标题的字体、大小和颜色等。 对齐:设置标题的对齐方式,如左对齐、居中或右对齐。 标题背景色:设置标题的背景颜色。 内边距: 设置标题距离组件上下左右边界的距离。 图4 设置上边距 标题偏移量:设置标题与指标之间的距离。 图5 标题偏移量
背景颜色:设置下拉框的背景颜色。 边框颜色:默认状态下,下拉框边框的颜色。 边框聚焦颜色:鼠标选中下拉框时,边框的颜色。 边框悬浮颜色:鼠标悬浮在下拉框上时,边框的颜色。 占位符:没有输入内容时,展示的文字内容。 是否禁用:是否禁用该下拉框,禁用后,用户不可选择内容。 是否可输入:禁
可减少重复操作,提升开发效率。 复制连接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。 在连接器管理页面,单击已创建连接器后的,选择“复制”,可复制连接器。 父主题: 连接器管理
“数据类型”选中“数据集”,并选择所需的数据集。 在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5 绑定全局变量 在组件预览中,从“表格字段”中拖拽对应的字段到“配置”中,并单击“保存”。 返回大屏设计页面,单击,再单击。 在预览页面,单击折线图堆叠图表中的系列,页面的全局变量将被设置为参数seriesIndex的值。
是否显示:是否显示未来几天的最高温度。 字体:未来几天最高温度的字体、大小和颜色等设置。 未来最低温度 是否显示:是否显示未来几天的最低温度。 字体:未来几天最低温度的字体、大小和颜色等设置。 未来星期展示 是否显示:是否显示未来几天星期。 字体:未来几天星期的字体、大小和颜色等设置。
页/条的边框、选中当前页的填充色边框和前往第几页的边框。 分页框宽度:设置分页框的宽度,单位为px。 下拉框背景颜色:设置下拉框的背景颜色。 下拉框字体颜色:设置下拉框的字体颜色。 下拉框选中态背景颜色:设置下拉框选中态的背景颜色。 下拉框选中态字体颜色:设置下拉框选中态的字体颜色。
为圆角)。 位置:圆角位置。 内边距:图表与图表背景之间的距离。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水平基本柱图图形 颜色:设置图表中,图形的颜色。 统一配置 光圈标记:是否开启光圈标记。 数据排序:是否开启数据排序。
圆角)。 位置:圆角位置。 内边距:图表与图表背景之间的距离。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 瀑布柱图图形 颜色:设置图表中,图形的颜色。 统一配置 光圈标记:是否开启光圈标记。 数据排序:是否开启数据排序。
华为云Astro大屏应用支持设置页面级的全局变量,通过页面组件间的交互,可给全局变量赋值,详情请参见全局变量。 全局变量中的作用次数,用于统计该全局变量被使用了多少次。单击作用次数下的具体次数,可查看该全局变量的作用域。 图3 设置全局变量 图4 查看全局变量作用的域 页面开发流程 在华为云
角)。 位置:圆角位置。 内边距:图表与图表背景之间的距离。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 基本柱图图形 颜色:设置图表中,图形的颜色。 统一配置 光圈标记:是否开启光圈标记。 数据排序:是否开启数据排序。
根据图标图片的数量,会将标签值从最小值到最大值的范围进行均分,落在不同范围的值,将显示对应的图标。“显示类型”设置为“区间显示”时,可设置不同的区间,当标签值落在对应的区间内,显示对应的图标,区域范围外的图标将不显示。 图片宽度:设置图片的宽度。 图片高度:设置图片的高度。 上下偏移:设置图标根据点经纬度的上下偏移。
选择范围的背景色:日期弹出框中,处于选择范围内日期的背景色。 日期弹出框内星期时间设置 星期背景色:日期弹出框内,星期几的背景色。 星期的字体颜色:日期弹出框内,星期几的字体颜色。 时间背景色:日期弹出框内,时间的背景色。 时间的字体颜色:日期弹出框内,时间的字体颜色。 数据 在