检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件数据接入 组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时
节点样式:选择系统预置的里程碑样式,“里程碑样式”选择“预置”时,才会显示该参数。 选择图片:选择本地上传的图片或连接器中的图片,作为里程碑的样式。“里程碑样式”选择“图片”时,才会显示该参数。 图片宽度:设置所选择图片的宽度。“里程碑样式”选择“图片”时,才会显示该参数。
如何使用高级表格的后台筛选功能 操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时,在添加转换器时,需要先筛选、再排序、最后分页,如图1。 图1 转换器添加顺序 后台筛选 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
如何自定义动作 操作场景 在配置组件交互时,可以通过编写代码实现自定义交互动作,从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam
页面数据来源介绍 组件是大屏应用页面的组成元素,配置页面数据即为配置组件数据。AstroCanvas中,页面组件的数据来源包括非数据源(包括桥接器预置、静态数据和数据集等)和数据源(包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等)。选中组件,单击组件上方的,
DWS数据集 数据仓库服务(Data Warehouse Service,简称DWS)是完全托管的企业级云上数据仓库服务,具备免运维、在线扩展、高效的多源数据加载能力,兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析,实现数据快速变现。更多关于DWS的介绍,请参见
DWS数据源 数据仓库服务(Data Warehouse Service,简称DWS)是完全托管的企业级云上数据仓库服务,具备免运维、在线扩展、高效的多源数据加载能力,兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析,实现数据快速变现。更多关于DWS的介绍,请参见
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下
None 服务介绍 华为云Astro大屏应用服务视频 介绍什么是Astro大屏应用 09:18 低码轻松实现数据可视化,帮助企业把数数清楚 新手入门 华为云Astro大屏应用服务视频 介绍AstroCanvas界面各个功能菜单 05:43 入门指引 华为云Astro轻应用服务视频
内置API一览表 表1 内置API一览表 API API说明 init 组件渲染的入口函数,组件自己实现继承,使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口,组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值,用于查看与
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是:用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集,将该接口的入参与全局变量绑定
图6 进度条配置 参考模板:系统预置的进度条模板,单击默认或参考配色模板可进行切换。 组件标题 设置标题:是否显示组件标题。 内容:设置标题内容。 标题离容器上边距:标题距离组件上方的距离。 标题离容器左边距:标题距离组件左边的距离。 字体:设置标题的字体、颜色和大小等。
如何使用高级表格的后台排序功能 操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时,在添加转换器时,需要先筛选、再排序、最后分页,如图1。 图1 转换器添加顺序 后台排序 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
参考模板:系统预置的水平堆叠柱图模板,如垂直模板、垂直堆叠模板、蓝色渐变不排序等。 图表背景:图表的背景颜色。 颜色设置:设置图表背景颜色。 圆角:图表背景是否为圆角。 圆角半径:四边圆角时的圆角半径(取值为“0”时为直角,“100”为圆角)。 位置:圆角位置。
参考模板:系统预置的瀑布柱图模板。 图表背景:图表的背景颜色。 颜色设置:设置图表背景颜色。 圆角:图表背景是否为圆角。 圆角半径:四边圆角时的圆角半径(取值为“0”时为直角,“100”为圆角)。 位置:圆角位置。 内边距:图表与图表背景之间的距离。
参考模板:系统预置的组件样式模板,支持默认和带标签两种。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:设置为“显示”时,可自定义标题的内容、位置、字体大小和颜色等。
参考模板:系统预置的数据标记柱图模板。 图表背景:图表的背景颜色。 颜色设置:设置图表背景颜色。 圆角:图表背景是否为圆角。 圆角半径:四边圆角时的圆角半径(取值为“0”时为直角,“100”为圆角)。 位置:圆角位置。 内边距:图表与图表背景之间的距离。
参考模板:系统预置的水平基本柱图模板。 图表背景:图表的背景颜色。 颜色设置:设置图表背景颜色。 圆角:图表背景是否为圆角。 圆角半径:四边圆角时的圆角半径(取值为“0”时为直角,“100”为圆角)。 位置:圆角位置。 内边距:图表与图表背景之间的距离。
参考模板:系统预置的组件样式模板,支持默认和带标签两种。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:是否显示图表的标题。设置为“显示”后,可自定义标题内容、内容字体、大小和颜色等。
参考模板:系统预置的组件样式模板,如默认、带标记模板等。 图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。开启轮播效果后,轮播时间间隔不能超过24秒。