检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
创建移动端项目 在华为云Astro大屏应用中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 创建项目 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在“项目列表”中,单击“新建项目”。 在新建项目页
通过复制到功能,可快速将组件复制到其他页面,从而高效完成多个同类型组件配置项参数之间的传递。 跨页面复制组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中一个或多个组件,单击右键,选择“复制到”,并选择组件待复制到的页面。 图1
创建大屏&PC端项目 在华为云Astro大屏应用中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 创建项目 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在“项目列表”中,单击“新建项目”。 在新建
设置背景:饼图背景颜色、内外半径设置。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:图表中实际显示的系列名称。 下标:数据系列所在的位置。 初始选中:数据项初始是否被选中。 颜色样式:数据系列的颜色样式,支持以下几种。 单色:可设置正常颜色和高亮下颜色。
柱条宽度:柱状条相对于X轴单位间隔的宽度。 数据标签:是否显示数据标签,即柱状条旁是否显示数值。开启后,支持设置数值显示位置和数值颜色。 数据标签最大值/最小值:是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。
将组件保存为卡片 将组件保存为卡片,方便后期有需要时,随时调用“我的卡片”中的组件。 将组件保存为卡片 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图
设置空间页面配额 空间创建后,支持为该空间设置页面配额。 调整配额 租户管理员参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 将鼠标放在页面右上方的“默认团队空间”上,选择新建工作空间中创建的工作空间,切换到目标工作空间。 在目标工作空间中,单击页面数量下方的“调整配额”。
时间展示 时间展示是文本组件的一种,可展示包含年月日、时分秒的全量时间,并可设置显示对应星期值。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间展示”组件至画布空白区域,如图1。 图1 时间展示 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡
将字段seriesIndex赋值给全局变量 单击“完成”,返回大屏设计页面。 在全部组件中,拖拽一个实心圆饼图到画布中。 为实心圆饼图设置数据。 选中实心圆饼图,单击。 “数据类型”选中“数据集”,并选择所需的数据集。 在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5 绑定全局变量 在组件预览中,从“
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置箭头水位图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置箭头水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,支持单色、渐变色。 数据 在数据中,设置矩形水位图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置矩形水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题:
字体大小:设置后缀的字体大小。 目标数据显示:是否显示目标数据。 目标数据标题:设置目标数据的标题,如当前目标。 字体:设置目标数据标题的字体、大小和颜色等。 完成数据显示:是否显示完成数据。 完成数据标题:设置完成数据的标题,如已完成。 字体:设置完成数据标题的字体、大小和颜色等。 进度条配置
标签悬浮:开启时,图标鼠标悬浮时显示标签。关闭时,标签常显。 系列名:标签是否显示系列名,对应静态数据中的“label”字段。 系列名字体:设置系列名的字体、大小和颜色等。“标签悬浮”设置为“开启”时,显示该配置项。 数值:标签是否显示数值,对应静态数据中的“value”字段。 数值字体:设置数值字体。“标签悬浮”设置为“开启”时,显示该配置项。
误请求、系统资源占用高等情况实时提示,有效帮助开发人员发现、定位和解决问题。 健康检查设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题: 自定义组件开发规范
”。 在动作详情中,“响应组件”选择echarts组件,“响应动作”选择“设置数据高亮”,“dataIndex”设置为“0”。 图3 设置动作详情 保存交互设置,预览页面,echarts组件渲染首个数据获得高亮效果。 图4 查看渲染效果 父主题: 组件管理
背景图 背景图是装饰组件的一种,用于为可视化应用添加多种类型的背景图片,能够使可视化应用展示更加美观。 以背景图2为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“背景图2”组件至画布空白区域,如图1。 图1 背景图2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架
图标 图标是装饰组件的一种,用于为可视化应用添加多种类型的图标元素,能够使可视化应用展示更加美观。 以图标1为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“图标1”组件至画布空白区域,如图1。 图1 图标1 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理
筛选组件 在图层中,支持按组件名称、组件标题和组件类型进行筛选,帮助您更加高效的选择所需要的组件。 筛选组件 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。 在图层中,单击,筛选组件。 图1 筛选组件 父主题: 图层管理
轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置圆角矩形水位图组件的数据来源,更多介绍请参见数据接入 交互 在交互中,配置圆角矩形水位图与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: