检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 三角形水位图图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。 横坐标(%):水位图整体在组件位置中的横坐标百分比。 纵坐标(%):水位图整体在组件位置中的纵坐标百分比。
打开页面发布链接 在访问限制中,配置内容安全策略。 例如,将A市交通管理大屏嵌入第三方系统,如图2所示。 图2 安全策略设置样例 其中,“frame-ancestors”为固定格式,“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外,还有一种典型的场景是将大屏嵌入本地的file中,如图3。
可正常访问页面,以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 打开“分享码
为了便于描述,对于名称不固定的手册,统一采用“{widget}”来命名。 i18n.json:组件的国际化资源文件,用于配置多语言。例如,messages-zh.json为中文,messages-en.json为英文。 packageinfo.json:组件的元数据描述文件。 {widget}
参考使用空白画布新建页面中操作,新建一个空白页面。 在“组件”页签中,拖拽所需的组件到画布中。 选中组件,单击组件上方的,进入组件数据设置页面。 在“数据类型”中,选择数据源类型,并选择数据源。 在“数据配置”下方,单击“+”,选择“转换器”。 选中转换器,此时页面会出现一个图标。 单击图标,即可进入盘古助手。
组件除了可以作为事件的触发器,还可以处理事件的响应动作,在响应动作中选择组件响应,就可以选择对应的组件响应动作,数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作。 图1
背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增
数据集管理:新增并管理数据集,配置数据集后,在组件“数据”页签中可选择具体的数据集。 连接器管理:通过新建HTTP连接器,可引入第三方的API作为组件的数据来源。 转换器管理:转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等,更多介绍请参见资产管理。
图的柱子、折线图的线条、拐点等。 图4 里程碑图形 碑节点样式 里程碑样式:设置里程碑的样式,可以使用预置样式,也可以使用图片。 节点样式:选择系统预置的里程碑样式,“里程碑样式”选择“预置”时,才会显示该参数。 选择图片:选择本地上传的图片或连接器中的图片,作为里程碑的样式。“
表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 渐变色饼图图形 颜色:设置组件中图表的图例颜色。 统一配置 数据系列:是否显示该系列数据。如果不选中,会隐藏该组件中对应的系列数据。 南丁格尔图:是否使用南丁格尔图。 内半径:设置饼图内半径的值,单位%。 外半径:设置饼图外半径的值,单位%。
选择“Prometheus”,配置数据源参数。 图1 新建Prometheus数据源 数据源名称:数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 服务地址:返回Prometheus数据的接口所在服务地址的URL。输入的URL地址中,
等待状态:步骤还未完成处于等待状态的颜色。 标签字体:设置步骤标签的字体、大小和颜色等。 描述文字字体:当步骤有描述文字时,描述文字的字体、大小等设置。 标题左边距:步骤标签距离该图标左边的距离。 数据 在数据中,设置步骤条组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置步骤条组件与其他
应用服务的正常运行。如果您想继续使用,需要在指定的时间内为华为云Astro大屏应用续费,否则已创建的项目、页面等功能的使用可能将会受限。华为云Astro大屏应用在到期前续费成功,华为云Astro大屏应用的运行不受影响。 如果您有订购页面扩容包,执行续费操作时,需要支付的费用为“实例套餐费用”和“扩容包费用”的总和。
)。 位置:圆角位置。 内边距:图表与图表背景之间的距离。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 瀑布柱图图形 颜色:设置图表中,图形的颜色。 统一配置 光圈标记:是否开启光圈标记。 数据排序:是否开启数据排序。
阴影颜色:设置阴影的颜色。 水平偏移:设置阴影水平偏移量,单位px。 垂直偏移:设置阴影垂直偏移量,单位px。 模糊半径:设置模糊半径,单位px。 扩散半径:设置扩散半径,单位px。 边框设置 粗细:设置边框的粗细,单位px。 颜色:设置边框的颜色。 类型:设置边框的线类型,支持实线、虚线、点线等。
标题字体:设置标题的字体、颜色和大小等。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 时间轴图形 时间轴 时间轴方向:时间轴的方向,支持水平方向和垂直方向。 自动轮播:是否展示自动轮播效果。 间隔时间:间隔的时间。 停留时间:停留的时间。
包年/包月华为云Astro大屏应用资源的计费周期是根据您购买的时长来确定的(以UTC+8时间为准)。一个计费周期的起点是您开通或续费资源的时间(精确到秒),终点则是到期日的23:59:59。 例如,如果您在2023/03/08 15:50:04购买了一台时长为一个月的华为云Astro大屏应用,那么其计费周期为:2023/03/08
边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:设置图表的背景颜色。 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4
隐藏组件 通过组件隐藏功能,可以隐藏多个已部署完成的组件,使得组件过多的可视化页面变得更加清晰,操作更加流程,从而提高可视化页面的开发效率。 组件隐藏后,在开发态和预览页面时,都会隐藏该组件。 隐藏组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
访问项目 访问已发布项目版本的第一个页面。访问前,请先新建项目版本并发布该项目版本。 访问项目 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击对应项目上的。 在项目发布中,单击待发布版本后的,设置该版本为当前发布版本。 如何新建项目版本并发布,请参见发布及安装项目。