检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图6 图形 表盘设置:展开或收起表盘,设置为展开时,需设置如下参数。 起始角度:设置表盘的起始角度。 结束角度:设置表盘的结束角度。 区间最小值:设置表盘的区间最小值。 区间最大值:设置表盘的区间最大值。 分段个数:设置表盘的分段个数。 半径(%):设置表盘的半径大小。 横坐标(%):设置表盘的横坐标。
en_US: 'Enter the title content.' }, prefix: '↑', suffix: '%' } 图1 设置后效果 父主题: 组件配置项(Config配置)
}, { name: 'tooltip' } ] ], 图1 设置后效果 父主题: {widget}.editor.js
颜色类型:设置背景颜色类型,支持单一色和渐变色。设置为“单一色”时,支持设置背景颜色。设置为“渐变色”时,支持设置渐变类型和渐变方向等。 渐变类型:设置渐变的类型,如线性渐变、径向渐变和自定义输入。 渐变方向:设置颜色的渐变方向,如向上、向下、向右等。“渐变类型”设置为“线性渐变”时,才需要设置此参数。
标题背景色:设置标题的背景颜色。 内边距: 设置标题距离组件上下左右边界的距离。 图4 设置上边距 标题偏移量:设置标题与指标之间的距离。 图5 标题偏移量 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框
图11 设置为是显示效果 引导线长度:设置标签引导线的长度。 标签内容:设置标签显示的内容,如图11显示的为数据值,也可以设置为百分比、系列名。 标签文字:设置标签内容的字体、大小和颜色等。 描边:实心圆饼图间系列和整体范围的描边样式。 图12 设置后效果 设置背景:设置饼图的背景。
图例系列名 字体:设置图例的字体、颜色和大小。 图例字符:设置图例显示的字符数,支持全显和省略。设置为“省略”时,支持设置图例显示的文字数量。 数据值:图例中是否显示数值。设置为“显示”时,可设置如下参数。 字体:设置图例中数值的字体、大小和颜色等。 数值左间距:设置系列名和数据之间的间距。
图例系列名 字体:设置图例的字体、颜色和大小。 图例字符:设置图例显示的字符数,支持全显和省略。设置为“省略”时,支持设置图例显示的文字数量。 数据值:图例中是否显示数值。设置为“显示”时,可设置如下参数。 字体:设置图例中数值的字体、大小和颜色等。 数值左间距:设置系列名和数据之间的间距。
图例系列名 字体:设置图例的字体、颜色和大小。 图例字符:设置图例显示的字符数,支持全显和省略。设置为“省略”时,支持设置图例显示的文字数量。 数据值:图例中是否显示数值。设置为“显示”时,可设置如下参数。 字体:设置图例中数值的字体、大小和颜色等。 数值左间距:设置系列名和数据之间的间距。
图例系列名 字体:设置图例的字体、颜色和大小。 图例字符:设置图例显示的字符数,支持全显和省略。设置为“省略”时,支持设置图例显示的文字数量。 数据值:图例中是否显示数值。设置为“显示”时,可设置如下参数。 字体:设置图例中数值的字体、大小和颜色等。 数值左间距:设置系列名和数据之间的间距。
图例系列名 字体:设置图例的字体、颜色和大小。 图例字符:设置图例显示的字符数,支持全显和省略。设置为“省略”时,支持设置图例显示的文字数量。 数据值:图例中是否显示数值。设置为“显示”时,可设置如下参数。 字体:设置图例中数值的字体、大小和颜色等。 数值左间距:设置系列名和数据之间的间距。
图5 图形 颜色:设置组件中,图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置折线的宽度。 拐点尺寸:设置折线的拐点尺寸。 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。
配置 在配置中,设置组件的页签样式、导航页签和默认路由。 图4 配置 页签样式统一配置 页签方向:设置页签的显示方向,如水平方向、垂直方向。 位置:设置页签的位置,支持默认和自定义两种方式。 快捷设置:设置页签的显示位置,如居左、居右或居中。“位置”设置为“默认”时,才显示该配置。
等。 图7 图形 颜色:设置组件中图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置图形中折线的宽度。 拐点尺寸:设置拐点尺寸。 数据标签:是否显示数据标签,支持设置标签颜色。 数据标签最大值/最小值/平均值:设置数据标签的最大值、最小值或平均值。
字体大小:设置前缀的字体大小。 后缀:设置后缀,如“%”。 字体大小:设置后缀的字体大小。 目标数据显示:是否显示目标数据。 目标数据标题:设置目标数据的标题,如当前目标。 字体:设置目标数据标题的字体、大小和颜色等。 完成数据显示:是否显示完成数据。 完成数据标题:设置完成数据的标题,如已完成。
显示指标:是否显示指标。 指标内容:设置指标内容。 指标字体:设置指标内容的字体、大小和颜色等。 指标类型:设置指标类型,支持总和、平均值和自定义。 数值内容:“指标类型”设置为“自定义”时,支持自定义数值内容。 数值字体:设置数值字体、大小、颜色等。 数值位数:设置数值小数点后的位数。 数据
坐标轴名称:设置X轴坐标轴显示名称。 坐标轴名称字体:坐标轴字体、颜色、大小设置。 轴线显示:是否显示轴线。 刻度显示:是否显示刻度线。设置为显示时,支持设置线的颜色。 刻度标签字体:设置标签的字体、颜色和大小。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。
图4 卡片 卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 背景 背景颜色:组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。
半。 左Y轴:设置左侧Y轴的边界范围。“边界”选择“自定义”时设置该参数。 右Y轴:设置右侧Y轴的边界范围。“边界”选择“自定义”时设置该参数。 最小间隔:坐标轴最小间隔大小。“边界”选择“自定义”时设置该参数。 左Y轴单位:设置左侧Y轴的单位。 右Y轴单位:设置右侧Y轴的单位。
显示指标:是否显示指标。 指标内容:设置指标内容。 指标字体:设置指标内容的字体、大小、颜色等。 指标类型:设置指标类型,支持总和、平均值和自定义。 数值内容:“指标类型”设置为“自定义”时,支持自定义数值内容。 数值字体:设置数值字体、大小、颜色等。 数值位数:设置数值小数点后的位数。 数据