检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置选项卡基础样式和选项卡设置。 图4 选项卡配置 基础样式设置 标签圆角:设置标签圆角的大小,“0”为直角。 图5 标签圆角 标签间距:设置标签之间的距离,默认为“0”。
边距:组件中图表距离整个组件四边(上、下、左、右,如图3)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图5 天气配置 统一配置 是否显示未来天气预测:是否展示未来一周的天气预报。 背景颜色:天气预报的背景颜色。 今日温度 是否显示:是否显示今日温度。
件。 边框圆角:设置边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:设置图表的背景颜色。 配置 在配置中,可进行组件标题和提示框的设置。 图4 仪表盘配置 组件标题 设置标题:是否显示组件标题。 内容:设置标题内容。 位置选择:设置标题的显示位置,支持左、右和中。
默认描述字体:设置标签默认的描述字体、颜色、大小等。 选中描述字体:设置选中标签时的描述字体、颜色、大小等。 描述旋转:设置描述文字旋转角度。 轴节点 类型:轴节点的类型,支持时间型、类目型和数值型。 节点形状:设置节点的形状,支持圆形和菱形。 节点默认样式:设置节点默认样式的颜色。 节点选中样式:设置选中节点时的颜色。
垂直对齐方式:设置图例的垂直对齐方式,支持左对齐、居中、右对齐和按照百分比设置。 排列方向:设置图例的排列方向,支持水平和垂直两种方式。 类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时,支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。
基本柱图指标 显示指标:是否显示指标。 指标内容:设置指标内容。 指标字体:设置指标内容的字体、大小、颜色等。 指标类型:设置指标类型,支持总和、平均值和自定义。 数值内容:“指标类型”设置为“自定义”时,支持自定义数值内容。 数值字体:设置数值字体、大小、颜色等。 数值位数:设置数值小数点后的位数。
才会显示对应的按钮。 图标色:设置按钮的图标颜色。 图标选中色:设置选中按钮时,按钮图标的颜色。 配置 在配置中,设置组件的全局样式、表头设置、行、序列号等。 图4 基础表格配置 全局样式 背景色:设置表格的背景颜色。 表格行数:当前页显示多少行数据。 边框:设置表格的边框样式。
水平堆叠柱图指标 显示指标:是否显示指标。 指标内容:设置指标内容。 指标字体:设置指标内容的字体、大小、颜色等。 指标类型:设置指标类型,支持总和、平均值和自定义。 数值内容:“指标类型”设置为“自定义”时,支持自定义数值内容。 数值字体:设置数值字体、大小、颜色等。 数值位数:设置数值小数点后的位数。
数据标记柱图指标 显示指标:是否显示指标。 指标内容:设置指标内容。 指标字体:设置指标内容的字体、大小、颜色等。 指标类型:设置指标类型,支持总和、平均值和自定义。 数值内容:“指标类型”设置为“自定义”时,支持自定义数值内容。 数值字体:设置数值字体、大小、颜色等。 数值位数:设置数值小数点后的位数。
水平基本柱图指标 显示指标:是否显示指标。 指标内容:设置指标内容。 指标字体:设置指标内容的字体、大小和颜色等。 指标类型:设置指标类型,支持总和、平均值和自定义。 数值内容:“指标类型”设置为“自定义”时,支持自定义数值内容。 数值字体:设置数值字体、大小、颜色等。 数值位数:设置数值小数点后的位数。
华为云Astro大屏应用私有化部署 私有化部署安装指导 私有化部署升级指导
{}); eventConfig:组件事件描述配置项,用来扩展给全局变量使用。 classfication:组件的配置项分类。 propertiesConfig:负责组件配置页面中,右侧的属性配置逻辑。 create(必须配置):组件内置的扩展,仅在组件首次被创建时调用一次。
垂直对齐方式:设置图例的垂直对齐方式,支持左对齐、居中、右对齐和按照百分比设置。 排列方向:设置图例的排列方向,支持水平和垂直两种方式。 类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时,支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。
垂直对齐方式:设置图例的垂直对齐方式,支持左对齐、居中、右对齐和按照百分比设置。 排列方向:设置图例的排列方向,支持水平和垂直两种方式。 类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时,支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。
垂直对齐方式:设置图例的垂直对齐方式,支持左对齐、居中、右对齐和按照百分比设置。 排列方向:设置图例的排列方向,支持水平和垂直两种方式。 类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时,支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。
垂直对齐方式:设置图例的垂直对齐方式,支持左对齐、居中、右对齐和按照百分比设置。 排列方向:设置图例的排列方向,支持水平和垂直两种方式。 类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时,支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。
垂直对齐方式:设置图例的垂直对齐方式,支持左对齐、居中、右对齐和按照百分比设置。 排列方向:设置图例的排列方向,支持水平和垂直两种方式。 类型:存在很多图例,导致图表中无法全部显示,此时可设置图例类型,即通过滚动翻页还是普通换行来查看图例。设置为“滚动翻页”时,支持设置翻页箭头的宽高、图标默认颜色、图标选中颜色和页码字体。
显示背景颜色:显示或隐藏背景颜色。 颜色类型:设置背景颜色类型,支持单一色和渐变色。设置为“单一色”时,支持设置背景颜色。设置为“渐变色”时,支持设置渐变类型和渐变方向等。 渐变类型:设置渐变的类型,如线性渐变、径向渐变和自定义输入。 渐变方向:设置颜色的渐变方向,如向上、向下、向右等。“渐变类型”设置为“线性渐变”时,才需要设置此参数。
在大屏开发页面,单击页面上方的,保存页面。 保存成功后,单击页面上方的,进行页面发布设置。 打开发布链接。 图1 打开页面发布链接 在访问限制中,配置内容安全策略。 例如,将A市交通管理大屏嵌入第三方系统,如图2所示。 图2 安全策略设置样例 其中,“frame-ancestors”为固
自定义组件开发规范 代码结构介绍 组件配置项(Config配置) 组件内置API 组件数据接入 组件交互