检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 参考模板:系统预置的水平基本柱图模板。 图表背景:图表的背景颜色。 颜色设置:设置图表背景颜色。 圆角:图表背景是否为圆角。 圆角半径:四边圆角时的圆角
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 参考模板:系统预置的双向柱图模板。 图表背景:图表的背景颜色。 颜色设置:设置图表背景颜色。 圆角:图表背景是否为圆角。 圆角半径:四边圆角时的圆角半
在项目列表页面中,单击“导入项目包”。 图1 导入项目包 选择本地已创建好的项目包,单击“打开”,即可将项目导入到AstroCanvas。 导入成功后,在项目列表中,可查看到已导入的项目,并根据自身业务需求,进行二次开发。当所选项目与目标空间存在资产冲突时,请参考查看并解决资产冲突中操作进行处理。
多折线图是线状图的一种,通过多折线的表现形式,展现不同数据之间变化趋势。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“多折线图”组件至画布空白区域,如图1。 图1 多折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
内置API一览表 表1 内置API一览表 API API说明 init 组件渲染的入口函数,组件自己实现继承,使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口,组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值,用于查看与Connector相关的信息。
Canvas”中,单击“创建工作空间”。 输入空间名称(如工作空间A),单击“保存”。 在AstroCanvas角色列表中,可查看到已创建的工作空间。 图1 查看工作空间 父主题: 创建工作空间
组件设置 在组件设置中,查看并管理当前项目中已引用到的所有组件。 组件设置 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
“复制到工作空间”。 在弹出的页面,选择目标工作空间,单击“确定”。 切换到目标工作空间,在“数据中心 > 数据集 > 全部”页面中,即可查看到对应的数据集。 父主题: 数据集管理
在大屏设计页面,从“全部组件 > 图表”中,拖拽“满月饼图”组件至画布空白区域,如图1。 图1 满月饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 满月饼图卡片 卡片装饰
图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。 数据中的total字段,必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图8 查看后台分页效果 父主题: 组件管理
在全局变量配置下方,单击“+”,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台筛选效果 父主题: 组件管理
边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 参考模板:系统预置的组件样式模板,支持默认和带标签两种。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:是否显示图表的标题。设置
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:是否显示图表的标题。设置为“显示”后,可自定义标题内容、内容字体、大小和颜色等。
新建一个大屏页面,从“全部组件 > 文本”中,拖拽“高级表格”组件至画布空白区域。 开启后台排序功能。 图2 开启后台排序 新建全局变量。 后台排序需要搭配全局变量使用,请创建sortType、sortField。 图3 新建排序全局变量。 交互设置。 选中高级表格组件,单击,进行组件交互设置。 添加“点击排序时”交互动作。
隐私协议及服务声明。 图4 AstroCanvas隐私协议及服务声明 图5 AstroCanvas界面 表1 AstroCanvas界面介绍 功能 功能介绍 项目列表 项目列表用于对系统中的项目进行集中管理,支持新建项目、删除项目和发布项目等。 新建一个项目 项目可以理解为是一种
图17 选择本地部署的页面 添加可视化应用。 在项目列表中,单击“导入项目包”。 选择2中下载的可视化应用本地部署包(AstroCanvas_项目名_随机编码.zip)。 在项目列表中,可查看到项目已成功导入。 图18 查看导入的项目 配置数据源密码和加密字段。 在运行环境中导入
数据源管理 关系型数据库数据源 ROMA连接器数据源 AstroZero数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题: 数据中心
在大屏设计页面,从“全部组件 > 图表”中,拖拽“进度条”组件至画布空白区域,如图1。 图1 进度条 图2 进度条效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图4 进度条卡片 卡
te),单击“更新”。 图11 更新组件 返回我的组件页面,可查看到组件名称变为TabsWidget_Update。 图12 查看新组件 在组件上,单击,可查看到新版本的组件(如1.0.2)。 图13 组件新版本 查看组件历史版本 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
在卡片设置中,输入卡片的名称,单击“保存”。 图3 设置卡片的名称 查看保存的卡片。 方式一:在编辑页面“我的卡片”中,查看已保存的卡片。 图4 在编辑页面查看保存的卡片 方式二:在“我的资产”中,查看已保存的卡片。 图5 在我的资产中查看 父主题: 组件管理