检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
响应动作”,选择“组件响应”。 在动作详情中,设置具体的响应动作。 本示例中,通过选择事件参数,来控制组件值的变化,即单击实心圆饼图中某个数据系列时,下拉选择框中的值随之改变。 图1 设置动作详情 设置完成后,单击“确定”。 单击,保存页面,单击,预览效果。 父主题: 交互设置
理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 图表背景:图表的背景颜色。 边框圆角:
参考使用空白画布新建页面中操作,新建大屏空白页面。 在大屏开发页面,单击,新建全局变量,如hotSelect。 图3 新建全局变量hotSelect 在画布中,拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。
e事件。 入参vm说明 组件配置项中的disabled、showFunc和events中,都具有入参vm,vm为组件的Widget实例。 配置示例 通用配置示例如下,以global_SelectWidget组件为例,设置后效果如图1所示。本示例中的global_SelectWid
列名:自定义图表中数据系列的显示名称。 数据系列:在图表中,是否显示数据系列。例如,名称系列中,单击开启,图表中将会显示名称这列,如果关闭,将会隐藏掉该列。 合并同类:开启后,对每列内连续且相同内容的单元格进行合并。 后台排序:是否开启后台排序功能。开启后,在预览表格时会显示下图中的图标,用于对表格中的数据进行排序。
导入项目后,如果当前环境中不包含同名的数据源,会从项目包中安装数据源。新安装的数据源密码是空的,请在数据源中重新配置密码,也可以在项目页面的“数据”页签,单击,重新配置。 导入项目 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表页面中,单击“导入项目包”。
由用户自己决定将什么字段拖拽映射到什么字段。例如,将name字段映射到了“选项标签展示值”字段,即x中,将ranking字段映射到了“选项值”字段,即y中,将series字段映射到了“选项值”字段,即s中。 [{ "series": "降雨量", "name": "A市", "ranking":
{widget}.html为组件DOM结构文件,相当于HTML文件,负责样式展示。 在华为云Astro大屏应用中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"
在页面编辑模式下,单击右键,选择“锁定”,可锁定组件。 图1 在画布中锁定组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击,锁定组件。 图2 在图层中锁定组件 解锁组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 选择“图层”,进入图层页面。
创建分组 用户可以创建分组,并将多个组件放到一个组中。创建分组后,可对该组中的所有组件进行整体复制、删除、移动等操作。若需要解除分组,单击右键选择“解除分组”即可。 创建分组 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页面编辑模式下,选中所需的组件,单击右键选择“创建分组”。
我的组件”,单击“添加组件”,将3.d中的组件包上传至组件库中。 图3 上传widget_demo_mintui组件 组件名称:组件名称,系统会根据组件包名称自动填充。 操作类型:当前操作的类型,如新增、更新等。 组件ID:资产ID,前缀不可编辑,上传组件包后会自动填写。 目录名称:组件的存放目录。
置。 在组件预览中,选择要展示的表字段,即从左边栏中拖入到右边栏中,单击“保存”。 图6 拖拽字段到坐标轴 表格字段:展示创建数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:每隔多少秒从华为云Astro轻应用中读取一次数据,默认配置为“0”,表示只获取一次。
在项目列表中,单击“导入项目包”。 选择2中下载的可视化应用本地部署包(AstroCanvas_项目名_随机编码.zip)。 在项目列表中,可查看到项目已成功导入。 图17 查看导入的项目 配置数据源密码和加密字段。 在运行环境中导入可视化应用本地部署包后,如果应用包中包含关系型
echarts组件作为响应器的动作时,可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。 echartsInst
型的另一个组件中,从而高效完成多个同类型组件配置项参数之间的传递。 复制并粘贴组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“复制并粘贴”。 图1 复制并粘贴组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击“复制并粘贴”。
自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。 在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。
移动页面 通过移动页面,将页面移动到其他文件夹中,便于页面集中管理。 移动页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上,单击“...”,选择“移动”。 选择目标文件夹,单击“确定”。
续费 续费概述 手动续费 自动续费
您更加合理有效的排列大屏上的组件。 位置层次越靠前,表示组件在画布中的显示越靠前。 位置层次越靠后,表示组件在画布中的显示越靠后。 当两个组件重叠时,位置靠前的组件会覆盖位置靠后的。 在画布中移动 参考创建页面中操作,创建所需的页面。 在设计页面,选中待移动的组件。 单击右键,选
支持将素材添加到已有目录,或新的目录中。 在大屏设计页面,使用已上传的图片。 从“全部组件 > 媒体”中,选择“图片”组件拖入画布中。 单击“卡片”图标,在“背景”中,单击“选择图片”,从素材库中选择素材。 图4 选择图片 复制素材到其他工作空间 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。