检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
您可以直接使用该页面,也可以根据自身业务的需求进行二次开发。 单击页面上方的,保存页面。 单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。
用后台接口获取后台数据。通过华为云Astro大屏应用预置的桥接器模板,您可以自定义桥接器。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对桥接数据进行对接和改造。如何自定义桥接器,请参见自定义桥接器。 查看桥接器模板 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
在华为云Astro大屏应用中开发大屏页面时,支持直接在线预览效果,确保开发编辑效果与发布后运行效果一致。预览效果符合预期后,可直接发布大屏页面,并在线查看城市交通状况。 在已创建的大屏页面中,单击页面上方的,预览页面效果。 如果预览效果不符合预期,可进行微调,直至符合预期。 单击,打开“发布链接”开关,获取页面访问地址。
t。单击“新增字段”,可定义发送事件时携带的参数字段。如何为自定义事件添加交互,请参见echarts组件自定义事件交互设置。 图7 自定义事件 自定义动作:echarts组件支持自定义动作,来响应事件。单击“新增自定义动作”,可新增动作。在动作实现中,编写触发动作的执行逻辑。入参
我的桥接器 在我的桥接器中,管理系统预置的和自定义的桥接器,如新建、批量删除、批量复制桥接器到其他工作空间等。系统预置的桥接器,只能执行查看详情、查看历史版本和下载操作。本章节的操作,均以自定义桥接器为例。 新建桥接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
重命名组件 通过重命名功能,可自定义组件的名称,便于搜索和管理。 重命名组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“重命名”。 图1 重命名 您也可以在“图层”中,将鼠标悬浮在组件上,单击“重命名”。
标签旋转:标签旋转角度。 网格线:是否显示网格线。 边界:是否自定义边界。自定义时如果最小值输入为数据最大值时,图表y轴起始值为最大值一半。 左Y轴:设置左侧Y轴的边界范围。“边界”选择“自定义”时设置该参数。 右Y轴:设置右侧Y轴的边界范围。“边界”选择“自定义”时设置该参数。 最小间隔:坐标轴最小间
系统自动进入业务大屏开发页面,您可以直接使用该大屏应用,也可以根据自身业务的需求进行二次开发。 单击页面上方的,保存页面。 单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。
拖入组件,根据业务需求开发页面。 页面创建完成后,单击页面上方的保存图标,保存页面。 单击页面上方的预览图标,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。
配置 在配置中,可以开启或关闭组件的轮播效果。 图6 多区域折线图配置 轮播:是否开启轮播效果。 轮播类型:设置图表的轮播类型,支持按照数据系列轮播和按照X轴数据轮播。 图7 多区域折线图数据系列轮播效果 图8 多区域折线图X轴数据轮播效果 间隔时间:设置图表的轮播时间间隔,不能大于24秒。
图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。 图6 多折线图配置 轮播:是否开启轮播效果。 轮播类型:设置图表的轮播类型,支持按照数据系列轮播和按照X轴数据轮播。 图7 数据系列轮播效果 图8 X轴数据轮播效果 间隔时间:设置图表的轮播时间间隔,不能大于24秒。 图形
景。 自定义模板能力:用户可以自定义定制模板,沉淀自己的最佳实践,分享复用。 项目模板:可以将多个大屏一键生成成套模板,一次新建把握整体风格。 组件互动,预置近百种交互场景,自定义实现万千可能 功能介绍 通过预置交互事件+交互动作,零代码实现丰富组件交付场景,同时开放自定义扩展组
指标内容:设置指标内容。 指标字体:设置指标内容的字体、大小、颜色等。 指标类型:设置指标类型,支持总和、平均值和自定义。 数值内容:“指标类型”设置为“自定义”时,支持自定义数值内容。 数值字体:设置数值字体、大小、颜色等。 数值位数:设置数值小数点后的位数。 数据 在数据中,设置组件的数据来源,更多介绍请参见数据接入。
更多关于预置组件的介绍,请参见组件介绍。 自定义Widget 自定义Widget是租户根据需要自行开发的Widget,通常开发过程是选择系统预置的Widget模板下载到本地,本地开发好后再上传到组件库中,详情请参见自定义组件说明和自定义组件开发规范。 在华为云Astro大屏应用界面“我的资产
系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 柱条宽度:柱状条相对于X轴单位间隔的宽度。 柱条颜色:设置柱条颜色,如单色或渐变色,支持自定义柱状条的颜色。 定制最大柱条:支持对最大的柱条自定义设置,包括颜色等。 柱条圆角:柱状条边框圆角设置,取值为“0”时为直角,“100”为圆角。
选中色:选中图层时,图层显示的颜色。 宽度:设置飞线的起点宽度。 动画效果 脉冲效果:是否开启飞线的脉冲效果。 脉冲点长度:设置脉冲长度,开启脉冲效果后显示该配置项。 脉冲点速度:设置脉冲速度,开启脉冲效果后显示该配置项。 脉冲点颜色:设置脉冲点的颜色,开启脉冲效果后显示该配置项。 图层标签 标签悬浮:飞线鼠标悬浮时,是否显示标签。
例。设置为“滚动翻页”时,支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。 图9 滚动翻页效果 图10 普通换行效果 图例项宽度:设置图例的宽度,支持自动和自定义。 图例间隔:设置图例项之间的间隔。 图例标记 图例标记:设置图例前图标的形状。 标记高度:设置图例前图标的宽度和高度。
系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 柱条宽度:柱状条相对于X轴单位间隔的宽度。 柱条颜色:设置柱条颜色,如单色或渐变色,支持自定义柱状条的颜色。 定制最大柱条:支持对最大的柱条自定义设置,包括颜色等。 柱条圆角:柱状条边框圆角设置,取值为“0”时为直角,“100”为圆角。
图4 在交互动作中使用项目变量 更新项目变量。 方式一:通过交互动作,更新变量。 图5 在交互动作中更新变量 方式二:通过自定义动作,更新项目变量。 图6 通过自定义动作更新变量 其中,key为项目变量的名称,value为项目变量的值。 父主题: 全局变量
系列名称:原始数据中默认的系列名称,可通过设置“显示名称”,进行修改。 显示名称:自定义图表中系列的显示名称。 柱条宽度:柱状条相对于X轴单位间隔的宽度。 柱条颜色:设置柱条颜色,如单色或渐变色,支持自定义柱状条的颜色。 定制最大柱条:支持对最大的柱条自定义设置,包括颜色等。 柱条圆角:柱状条边框圆角设置,取值为“0”时为直角,“100”为圆角。