检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件锁定后,无法在画布上对组件进行任何操作,直到解锁后才能恢复。 组件锁定后,可避免组件过多引起的误操作。 锁定组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,单击右键,选择“锁定”,可锁定组件。 图1 在画布中锁定组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击,锁定组件。
请按照如下操作获取模型名称。 返回华为云Astro大屏应用界面,在主菜单中,选择“我的资产”。 在左侧导航栏中,选择“我的组件”。 在“所有组件”中,查找到玫瑰花饼图,将鼠标放在组件上,单击,将组件下载到本地。 图1 单击玫瑰花饼图 解压下载的组件包,在“RosePieChart_Widget
下载当前页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 在所有页面中,单击待下载的页面。 单击“编辑页面”,进入大屏开发页面。 在页面上方工具栏中,单击,即可将当前页面下载到本地。 下载到本地的页面模板文件命名为“当前页面的名称”
新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时,用户可自定义组件包进行上传,在页面中进行使用。在开发自定义组件前,请仔细阅读自定义组件开发规范章节内容,了解组件的开发规范。下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件。
}, { label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形', en_US: 'Series' }, value: 'series', },
选中字体颜色:设置选中快捷时间时,快捷时间字体的颜色。 选中背景颜色:设置选中快捷时间时,快捷时间背景的颜色。 输入框设置 下方输入框的设置,对时间选择器组件中所有输入框生效。 字体:设置输入框中文字的字体、大小和颜色等。 背景颜色:设置输入框的背景颜色。 边框颜色:设置输入框边框的颜色。 边框聚焦颜
了解代码目录结构 当系统预置的组件无法满足用户需求时,用户可自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板(Widget包),您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
数据源和目录,单击“保存”。 图1 新建Prometheus数据集 数据集名称:新建数据集的名称,用于标识该数据集。长度为1~60个字符,可包括中文、字母、数字及下划线。 数据类型:选择“Prometheus”。 数据源:选择Prometheus数据源中,创建的数据源。 目录:设
到期未续费时,华为云Astro大屏应用首先会进入宽限期,宽限期到期后仍未续费,资源状态变为“已冻结”。 超过宽限期仍未续费将进入保留期,如果保留期内仍未续费,所有功能将会进入停用状态。 华为云根据客户等级定义了不同客户的宽限期和保留期时长。 在华为云Astro大屏应用到期前均可开通自动续费,到期前7
显示热力图层:是否显示热力图层。 数据标题:设置热力图层的数据标题。 显示类型 :设置热力图层显示类型,如均分显示或区间部分。 设置为“均分显示”时,会显示所有数据,且区域数据从小到大,对应图层颜色由浅到深。 图5 均分显示 设置为“区间显示”时,仅显示符合要求的数据,且区域图层颜色取决于其数据所处区间对应的颜色。
、卡片背景、卡片边框)和图表元素构成。 图3 趋势卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角
、卡片背景、卡片边框)和图表元素构成。 图3 指标卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题:组件是否显示标题。设置为显示时,支持设置如下属性。 内容:自定义标题的内容。 字体:设置自定义标题的字体、大小和颜色等。
组件数据接入 组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类
热力图图例 显示图例:是否展示图例。 位置选择:图例的位置。 顶部间隔:图例到组件顶部的间隔。 底部间隔:图例到组件底部的间隔。 可拖拽手柄:图例上是否展示可拖拽手柄。 图例宽度:设置图例的宽度。 图例高度:设置图例的高度。 鼠标悬浮联动:是否有鼠标悬浮联动效果。 坐标轴 在坐标轴中
时间展示 时间展示是文本组件的一种,可展示包含年月日、时分秒的全量时间,并可设置显示对应星期值。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间展示”组件至画布空白区域,如图1。 图1 时间展示 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡
标题 标题是文本组件的一种,用于展示大屏的各类标题,可展现大、中、小等类型的标题,并可通过拼搭进行组合使用。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“标题”组件至画布空白区域,如图1。 图1 标题 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
排布顺序:扇区可按顺时针或逆时针排布。 起始角度:扇区起始角度。 最小角度:扇区最小角度。 鼠标悬停:鼠标放在扇区时,该扇区是否放大显示。 所有标签设置:设置为显示后,图表中会显示标签。 所有标签悬浮设置:鼠标悬浮在对应数据系列上时,标签是否显示。 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引
卡片背景、卡片边框)和图表元素构成。 图3 水位图卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。
路由视图 路由视图是导航组件的一种,通过配置不同页面,在当前可视化页面呈现其它页面效果。该组件可降低对当前页面资源的占用,提升性能。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由视图”组件至画布空白区域,如图1。 图1 路由视图 图2 边距样式说明 卡片 卡片是指包裹图
在新增数据集页面,设置数据集名称、选择数据类型、数据源和目录,单击“保存”。 图1 新建HTTP数据集 数据集名称:新建数据集的名称,用于标识该数据集。长度为1~60个字符,可包括中文、字母、数字及下划线。 数据类型:选择“HTTP连接器”。 数据源:选择HTTP连接器数据源中,创建的数据源。 目录:设置数据集的存