检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
不可用字体颜色:不可选的选项字体颜色。 选中态字体颜色:选中状态下,选项字体的颜色。 对齐设置 放大倍数:组件发布后,选择框在页面占位相对于开发态中放大的倍数。在大屏页面中,放大倍数建议设置大一些。 右边距:选择框相对于组件右边框的距离。 上边距:选择框相对于组件上边框的距离。 全选:是否显示全选框。
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置图标的颜色。 图4 配置 交互 在交互中,配置图标组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 暂不支持修改素材的背景颜色。 图4 配置 交互 在交互中,配置背景图组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。
图片 图片是媒体组件的一种,用于直接展示需要呈现的图片数据。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“图片”组件至画布空白区域,如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
轮播图片 轮播图片是指通过轮播的方式,来实现图片广告位的展示。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“轮播图片”组件至画布空白区域,如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
仪表盘 仪表盘是指通过仪表的特殊展示方式,对数据进行展示。 在大屏设计页面,从“全部组件 > 仪表盘”中,拖拽“仪表盘”组件至画布空白区域,如图1。 图1 仪表盘 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
三角形水位图 三角形水位图是水位图的一种,用于匹配不同风格、场景的大屏面板。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“三角形水位图”组件至画布空白区域,如图1。 图1 三角形水位图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
散点图 散点图是气泡图的一种,通过数据点,来对数据的相关性进行描述的可视化图形。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“散点图”组件至画布空白区域,如图1。 图1 散点图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标
5个 100个 页面数 20页 40页 500页 存储容量 5G 10G 100G 加密分享 支持 支持 支持 数据接入 支持 支持 支持 项目管理 支持 支持 支持 图表组件 支持 支持 支持 地图组件 支持 支持 支持 自定义组件 不支持 支持 支持 地图服务接入 不支持 不支持
操作步骤 参考创建大屏&PC端项目中操作,新建一个大屏项目。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入实心圆饼图和下拉选择框。 选中实心圆饼图,单击,进入交互设置页面。 设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。
$”,可进入表达式设置页面。在表达式设置页面,可从下方左侧面板选择字段名、函数或者直接输入函数,如图3。 图3 表达式设置 刷新数据:单击该按钮,可预览查询出的数据。 单击“保存”,完成DWS数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏开发页面,拖拽所需组件(如基本柱图)到画布中。
图5 绑定全局变量 在组件预览中,从“表格字段”中拖拽对应的字段到“配置”中,并单击“保存”。 返回大屏设计页面,单击后,单击。 在预览页面,单击折线图堆叠图表中的系列,页面的全局变量将被设置为参数seriesIndex的值。 父主题: AstroCanvas学堂
操作场景 在图层中,支持按组件名称、组件标题和组件类型进行筛选,帮助您更加高效的选择所需要的组件。 操作步骤 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。 在图层中,单击,筛选组件。 图1 筛选组件 父主题: 图层管理
参考创建大屏&PC端项目中操作,创建一个项目。 项目创建后,参考使用空白画布新建页面中操作,新建一个空白页面。 进入开发页面,从“全部组件 > 图表”中,拖拽玫瑰花饼图组件到画布中。 图4 拖拽玫瑰花饼图到画布中 选中组件,单击组件上方的,进入数据设置页面。 “数据类型”选择“桥接器预置”,在选择桥接器中即可选择到自定义桥接器中自定义的桥接器。
单击“保存”,完成HTTP连接器数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏应用开发页面,拖拽所需组件(如水平基本柱图)到画布中。 图4 拖拽水平基本柱图到画布中 选中该组件,单击组件上方的,进入组件数据页面。 在“数据类型”下拉框中,选择“数据集”,选择创建HTTP连接器数据集中创建的数据集。
在数据集管理列表中,可查看到已创建的数据集。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入开发页面,拖拽所需组件(如基本柱图)到画布中。 图4 拖拽基本柱图到画布中 选中该组件,单击组件上方的,进入组件数据页面。 在“数据类型”下拉框中,选择“数据集”,选中创建数据集中创建的数据集。
单击“保存”,完成数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入开发页面,拖拽所需组件(如基本柱图)到画布中。 图3 拖拽基本柱图到画布中 选中该组件,单击组件上方的,进入组件数据页面。 在“数据类型”下拉框中,选择“数据集”,选择创建数据集中创建的数据集。
AstroCanvas学堂 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化 如何进行设置页面 如何切换AstroCanvas平台主题颜色
在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的库”。 将鼠标放在对应的库上,单击,获取锁。 将鼠标放在对应的库上,单击,进入更新库页面。 图4 进入更新库页面 在库更新页面,上传新的库、设置库参数,单击“更新”。 图5 设置库信息 将鼠标放在对应的库上,单击,可查看到新版本的库。 :单击该图标,可下载当前版本库。
单击“保存”,完成Prometheus数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏应用开发页面,拖拽所需组件(如多折线图)到画布中。 图4 拖拽多折线图到画布中 选中该组件,单击组件上方的,进入组件数据页面。 在“数据类型”下拉框中,选择“数据集”,选择创建Prometheus数据集中创建的数据集。