检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何进行版本回退 开发者开发某个大屏页面时,希望回退到历史某个页面版本进行编辑。 版本回退 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表的所有项目中,单击页面所在的项目,进入项目。 在所有页面中,单击对应的页面,单击“编辑页面”,进入大屏开发页面。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水平堆叠柱图图形 颜色:设置图表中图形的颜色。 统一配置 水平堆叠:是否堆叠显示。 横向柱条:是否横向柱条效果显示。 柱条圆角:柱状条边框圆角设置,取值为“0”时为直角,“100”为圆角。 柱条宽度:柱状条相对于X轴单位间隔的宽度。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 数据标记柱图图形 颜色:设置图表中,图形的颜色。 统一配置 光圈标记:是否开启光圈标记。 数据排序:是否开启数据排序。 阶梯瀑布:是否阶梯瀑布效果显示。 横向柱条:是否横向柱条效果显示。 柱条圆角
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 水平基本柱图图形 颜色:设置图表中,图形的颜色。 统一配置 光圈标记:是否开启光圈标记。 数据排序:是否开启数据排序。 阶梯瀑布:是否阶梯瀑布效果显示。 横向柱条:是否横向柱条效果显示。 柱条圆角
误请求、系统资源占用高等情况实时提示,有效帮助开发人员发现、定位和解决问题。 健康检查设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。
标题显示:是否显示标题。 标题内容:设置标题内容,如完成率。 标题字体:设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的基本配置和进度条配置。 图4 图标进度条配置 基本配置 数字显示:是否显示数字。 数字位置:设置数字的显示位置,如左、居中或右。 数字字体:设置数字的字体、大小和颜色等。
参考模板:系统预置的组件样式模板,如默认、极简等。 图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。开启轮播效果后,轮播时间间隔不能超过24秒。 图6 基本折线图配置 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
每一个工作空间,都对应一个新的华为云Astro大屏应用。在华为云Astro大屏应用中,通过创建工作空间,可实现对租户下的资源进行隔离与授权。 使用约束 只有租户管理员(实例创建者),才能执行创建工作空间的操作。 新建工作空间 租户管理员参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
新建HTTP连接器数据源 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。 选择“HTTP连接器”,配置数据源参数。 图1 新建HTTP连接器数据源
(可选)新建目录 为了便于集中管理数据集,可以为数据集指定目录。 新建一个目录 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 单击“所有数据集”,再单击“...”,选择“新增目录”。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 双向柱图图形 颜色:设置图表中,图形的颜色。 统一配置 水平堆叠:是否堆叠显示(多数据系列效果)。 横向柱条:是否横向柱条效果显示。 柱条圆角:设置柱条的圆角。 柱条宽度:柱状条相对于X轴单位间隔的宽度,取值范围[1
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 箭头水位图图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。 横坐标(%):水位图整体在组件位置中的横坐标百分比。 纵坐标(%):水位图整体在组件位置中的纵坐标百分比。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 矩形水位图图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。 横坐标(%):水位图整体在组件位置中的横坐标百分比。 纵坐标(%):水位图整体在组件位置中的纵坐标百分比。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 基本饼图图形 颜色:设置图表中,图形的颜色。 统一配置:统一配置中设置的内容,对图表中所有数据系列均生效。 数据系列:图表是否显示数据系列。 南丁格尔图:是否使用南丁格尔图。 内半径:设置饼图内半径的值,单位%。
参考模板:系统预置的组件样式模板,支持默认和带标记模板等。 图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。 图6 多区域折线图配置 轮播:是否开启轮播效果。 轮播类型:设置图表的轮播类型,支持按照数据系列轮播和按照X轴数据轮播。 图7 多区域折线图数据系列轮播效果
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 贪吃蛇饼图图形 颜色:设置组件中图表的图形颜色。 统一配置 数据系列:是否显示该系列数据。如果不选中,会隐藏该组件中对应的系列数据。 南丁格尔图:是否使用南丁格尔图。 内半径:设置饼图内半径的值,单位%。
在大屏开发页面,单击页面上方的,保存页面。 保存成功后,单击页面上方的,进行页面发布设置。 打开发布链接。 图1 打开页面发布链接 在访问限制中,配置内容安全策略。 例如,将A市交通管理大屏嵌入第三方系统,如图2所示。 图2 安全策略设置样例 其中,“frame-ancestors”为固
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 渐变色饼图图形 颜色:设置组件中图表的图例颜色。 统一配置 数据系列:是否显示该系列数据。如果不选中,会隐藏该组件中对应的系列数据。 南丁格尔图:是否使用南丁格尔图。 内半径:设置饼图内半径的值,单位%。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 玫瑰花饼图图形 颜色:设置图表中,图形的颜色。 统一配置 数据系列:是否显示该系列数据。如果不选中,会隐藏该组件中对应的系列数据。 南丁格尔图:是否使用南丁格尔图。 圆心角:设置为相同时,每块扇
代码结构介绍 了解代码目录结构 目录文件详解 父主题: 自定义组件开发规范