检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
通过参数控制响应动作 在设置组件交互动作时,可以通过选择事件参数、全局变量或固定值,明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作,新建一个大屏项目。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入实心圆饼图和下拉选择框。 选中实心圆饼图,单击,进入交互设置页面。
三),向页面一(默认主页)中拖入玫瑰花饼图和基本饼图,向页面二中拖入多区域折线图并发布,向页面三中拖入基本柱图并发布。 参考创建大屏&PC端项目中操作,新建一个大屏项目,如页面间交互。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入玫瑰花饼图和基本饼图。 图1
设置页面的背景图片或者颜色。选择图片作为背景时,支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面,支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题: 页面管理
页面开发流程 在华为云Astro大屏应用可视化开发页面,通过拖拽组件、设置页面布局、对接业务数据等,即可构建华为云Astro大屏应用大屏&PC端/移动端页面,具体流程如图5所示。 图5 页面开发流程 页面设置 配置页面屏幕大小、适应方式、背景颜色或背景图片。更多介绍,请参见如何进行设置页面。
js:组件核心渲染文件。组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。 {widget}.js:组件逻辑文件,整个Widget的渲染核心JS,在
地打包好的自定义桥接器包。 设置发行说明后,单击“提交”。 在桥接器列表中,可查看到已上传的桥接器。 使用自定义桥接器 参考创建大屏&PC端项目中操作,创建一个项目。 项目创建后,参考使用空白画布新建页面中操作,新建一个空白页面。 进入开发页面,从“全部组件 > 图表”中,拖拽玫瑰花饼图组件到画布中。
登录华为云Astro大屏应用服务控制台,单击“进入首页”,进入华为云Astro大屏应用界面。 选择大屏&PC端项目,输入项目名称为“统计”,单击“新建”。 图2 新建项目 在大屏&PC端项目中,单击“+ 新建页面”,选择“新建空白页面”。 输入页面标题“人员来访统计”,单击“新建”。 页
登录华为云Astro大屏应用界面 在华为云Astro轻应用中,您可以通过多种方式登录华为云Astro大屏应用。在使用华为云Astro大屏应用时,请结合实际情况,选择对应的方式登录华为云Astro大屏应用界面。本手册的界面操作及截图均以我是新用户为例。 我是新用户 新用户购买华为云
参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图9 气泡图参考线 统一配置 > 参考线两端样式:设置参考线两端的显示样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增
参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图12 基本折线图参考线 统一配置:设置参考线两端的样式,如圆形、矩形等。 图13 Y轴参考线两端样式 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,可新
参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图11 区域图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 图12 Y轴参考线两端样式 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,
参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图13 多折线图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 图14 Y轴参考线两端样式 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,
参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图13 多区域折线图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 图14 设置Y轴参考线两端的样式 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线
字体:设置文本字体、大小和颜色等。 文本装饰:为文本添加下划线、删除线和上划线。 段落设置 内容对齐方式:文本内容为多行时,支持居中、左对齐、右对齐和两端对齐。 文本位置:文本内容为一行时,支持居中、左对齐和右对齐。 行高:设置行高。 文字间距:设置文字之间的间距。 首行缩进:文本首行是否缩进,设置为0,表示不缩进。
刻度标签旋转的角度 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 进度条参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,
参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 水平堆叠柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,
型和颜色。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图9 散点图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,
参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 数据标记柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,
参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 水平基本柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,
单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 双向柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。 参考线:设置已有参考线的颜色和线型,单击“新增Y轴参考线”,