检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
支持设置图例显示的文字数量。 数据值:图例中是否显示数值。设置为“显示”时,可设置如下参数。 字体:设置图例中数值的字体、大小和颜色等。 数值左间距:设置系列名和数据之间的间距。 前缀:数值前是否显示前缀。 前缀内容:设置前缀的显示内容。 前缀字体:设置前缀的字体、大小和颜色等。
支持设置图例显示的文字数量。 数据值:图例中是否显示数值。设置为“显示”时,可设置如下参数。 字体:设置图例中数值的字体、大小和颜色等。 数值左间距:设置系列名和数据之间的间距。 前缀:数值前是否显示前缀。 前缀内容:设置前缀的显示内容。 前缀字体:设置前缀的字体、大小和颜色等。
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示该组件的标题,如“π巡报警”。 内容:自定义组件标题的内容。 字体:设置组件标题的字体、大小和颜色等。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内
支持设置图例显示的文字数量。 数据值:图例中是否显示数值。设置为“显示”时,可设置如下参数。 字体:设置图例中数值的字体、大小和颜色等。 数值左间距:设置系列名和数据之间的间距。 前缀:数值前是否显示前缀。 前缀内容:设置前缀的显示内容。 前缀字体:设置前缀的字体、大小和颜色等。
选择范围的背景色:日期弹出框中,处于选择范围内日期的背景色。 日期弹出框内星期时间设置 星期背景色:日期弹出框内,星期几的背景色。 星期的字体颜色:日期弹出框内,星期几的字体颜色。 时间背景色:日期弹出框内,时间的背景色。 时间的字体颜色:日期弹出框内,时间的字体颜色。 数据 在
背景色:设置分页背景颜色。 字体:设置分页的字体、大小和颜色等。 选中框颜色:设置选中分页时边框的颜色,包括每页/条的边框、选中当前页的填充色边框和前往第几页的边框。 分页框宽度:设置分页框的宽度,单位为px。 下拉框背景颜色:设置下拉框的背景颜色。 下拉框字体颜色:设置下拉框的字体颜色。 下拉
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题:是否显示组件的标题(如图3中的服务采购)。设置为“显示”时,可自定义标题的如下属性。 内容:组件标题显示的文字内容。 字体:设置组件标题的字体样式、大小和颜色等。 对齐:标题相对于组件的对齐方式,如左对齐、居中和右对齐。
数值左间距:设置系列名和数据之间的间距。 前缀:数值前是否显示前缀。 前缀内容:设置前缀的显示内容。 前缀字体:设置前缀的字体、大小和颜色等。 前缀右间距:设置前缀和数值之间的间距。 后缀:数值后是否显示后缀。 后缀内容:设置后缀的显示内容。 后缀字体:设置后缀的字体、大小和颜色等。 后缀左间距:设置后缀和数值之间的间距。
轴标题:X轴标题。 字体:坐标轴字体、颜色、大小设置。 标题偏移:标题相对于轴线的偏移。 标题旋转:标题旋转角度。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。
轴标题:X轴标题。 字体:设置坐标轴字体、颜色和大小等。 标题偏移:标题相对于轴线的偏移。 标题旋转:标题旋转角度。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。
轴标题:X轴标题。 字体:设置坐标轴的字体、颜色和大小。 标题偏移:标题相对于轴线的偏移。 标题旋转:标题旋转角度。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。
最大高度:设置下拉弹出框的最大高度。 背景颜色:设置下拉弹出框的背景色。 字体颜色:设置下拉弹出框中字体的颜色。 选中态背景颜色:设置选中某项内容时,背景的颜色。 选中态字体颜色:设置选中某项内容时,字体的颜色。 鼠标悬浮时背景颜色:设置鼠标悬浮在某项内容上时,背景的颜色。 鼠标悬浮时字体颜色:设置鼠标悬浮在某项内容上时,字体的颜色。
化图形的提示标识。 图8 区域图图例 显示图例:是否展示图例。图例文字内容来源于数据模型下“s”的取值。 图例标记:设置图例小图标形状。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。图例文字内容来源于数据模型下“s”的取值。
轴标题:X轴标题。 字体:坐标轴字体、颜色、大小设置。 标题偏移:标题相对于轴线的偏移。 轴线:是否显示轴线,支持设置轴线颜色。 刻度:是否显示刻度。 刻度标签:刻度标签样式,包括是否自动调节标签、显示所有标签。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 标签行为:
下“s”的取值。 图例标记:设置图例小图标形状和图例列表布局朝向。 图例宽高:设置图例的宽度和高度。 图例间隔:设置图例之间的间隔。 字体:设置图例的字体、颜色和大小。图例文字内容来源于数据模型下“s”的取值。 左间距:图例到柱图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。
组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时,默认组件需要对接数据集。配置示例如下:
最大高度:设置下拉弹出框的最大高度。 背景颜色:设置下拉弹出框的背景色。 字体颜色:设置下拉弹出框中字体的颜色。 选中态背景颜色:设置选中某项内容时,背景的颜色。 选中态字体颜色:设置选中某项内容时,字体的颜色。 鼠标悬浮时背景颜色:设置鼠标悬浮在某项内容上时,背景的颜色。 鼠标悬浮时字体颜色:设置鼠标悬浮在某项内容上时,字体的颜色。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 排行榜图形 统一配置 对齐方式:设置组件的对齐方式,如水平居中、居左和居右。 字体:设置组件的字体、大小和颜色等。 评星大小:设置评星显示星星的大小号。 数据系列 原数据名
边框悬浮颜色:鼠标悬浮在选择框上时,边框的颜色。 不可用边框色:不可选的选择框边框颜色。 不可用背景色:不可选的选择框背景色。 不可用字体颜色:不可选的选项字体颜色。 选中态字体颜色:选中状态下,选项字体的颜色。 对齐设置 放大倍数:组件发布后,选择框在页面占位相对于开发态中放大的倍数。在大屏页面中,放大倍数建议设置大一些。
内容:自定义标题的内容。 字体:设置自定义标题的字体、大小和颜色等。 对齐:设置标题的对齐方式,如左对齐、居中或右对齐。 标题背景色:设置标题的背景颜色。 内边距: 设置标题距离组件上下左右边界的距离。 图4 设置上边距 标题偏移量:设置标题与指标之间的距离。 图5 标题偏移量