检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
文本”中,拖拽“下拉选择框”组件至画布空白区域,如图1。 图1 下拉选择框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 下拉选择框卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设
文本”中,拖拽“树状下拉框”组件至画布空白区域,如图1。 图1 树状下拉框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 树状下拉框卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设
名称的长度为1~64个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 图1 新建一个目录 确认后,在数据集管理页面的左侧目录树中,可查看到已创建的目录。 图2 查看已创建的目录 重命名目录 目录创建后,支持修改目录的名称。 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
单击应用名,进入概览页面,即可查看到Key值。 AppSecret:ROMA Connect上应用的请求密钥,用于私钥认证,获取方式如下: 登录ROMA Connect实例控制台。 在左侧导航栏中,选择“集成应用”。 单击应用名,进入概览页面。 单击Secret右侧的图标,即可查看Secret值。
在大屏设计页面,从“全部组件 > 图表”中,拖拽“基本漏斗图”组件至画布空白区域,如图1。 图1 基本漏斗图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 基本漏斗图卡片 卡片
的目的,例如图表联动、自定义字段等功能。如何使用全局变量,可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量,实现组件数据的动态变化。本示例不做配置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图6 拖拽字段到坐标轴 表格字段:展示创建数据集中,获取的数据。
已获取对应的页面模板文件,详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目中,单击,选择本地的页面模板文件,单击“打开”。 图1 添加本地页面模板文件 在创建页
节以创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目页面,单击“新建页面”。 在新建页面中,单击“新建空白页面”。 输入页面标题,单击“新建”。
域,来表示数据在不同维度的具体表现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“雷达图”组件至画布空白区域,如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
参考创建页面中操作,创建所需的页面。 在页面上方的工具栏中,单击,可查看到创建项目变量中创建的项目变量。 如果在页面中新建一个页面级全局变量,且变量的名称和项目变量一致(如ProjectVariable),则只有页面全局变量会生效。 图2 查看项目变量 在数据或交互动作中,使用项目变量。 选中页
局变量值变化而变化。 如图1所示,也可以不使用“下拉选择框”组件,直接在发布的页面URL末尾加上“?全局变量名=值”,给页面全局变量赋值,查看组件的数据变化。 图1 在URL参数中给全局变量赋值 父主题: 全局变量
配置全局变量 图3 设置数据源信息 通过模板新建页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目页面,单击“新建页面”。 在新建页面的预置模板、未上线模板或自定义模板中,单击对应的模板。
参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上(如本示例中的“园区办公人员统计”),单击“...”,选择“设为首页”。 返回项目列表页面,将鼠标放在页面所在的项目上,单击。 在项目发布中,单击“+ 新建版本”。
在大屏设计页面,从“全部组件 > 图表”中,拖拽“气泡图”组件至画布空白区域,如图1。 图1 气泡图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 气泡图卡片 卡片装饰:卡
选择支付方式,单击“去在线支付”,完成订单支付。 图4 确认付款 订单支付成功后,单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中,可以查看Astro大屏应用的安装状态。当“实例状态”变为“运行中”时,说明实例已安装好,可以正常使用。 图5 Astro大屏应用控制台 父主题: 购买AstroCanvas实例
边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 参考模板:系统预置的组件样式模板,支持默认和带标签两种。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:是否显示图表的标题。设置
在大屏设计页面,从“全部组件 > 图表”中,拖拽“满月饼图”组件至画布空白区域,如图1。 图1 满月饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 满月饼图卡片 卡片装饰
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:是否显示图表的标题。设置为“显示”后,可自定义标题内容、内容字体、大小和颜色等。
图表背景:图表的背景颜色。 图表标题:图表标题是否显示,支持自定义或者从系列中获取。 图8 显示图表标题 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图9 实心圆饼图图形 颜色:设置图表中,图形的颜色。 统一配置 数据系列:是否显示该系列数
边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 参考模板:图表模板,支持默认和带标签两种。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:图表的背景颜色。 图表标题:是否显示图表的标题。设置为“显