数值字号：设置百分数中数值的字号大小。 数值颜色：设置百分数中数值的字体颜色。 百分号字号：设置百分号的字号大小。 百分号颜色：设置百分号的字体颜色。 左右间距：可通过拖动或输入数值设置百分数值和百分比的间距大小。 字体粗细：设置百分数值的字体粗细样式。 字体：设置百分数值的字体。 小数位：设置百分比中可保留的小数位个数。

查看更多 →

选中态背景颜色：日期弹出框中，选中状态日期的背景颜色。 选中态字体颜色：日期弹出框中，选中状态日期的字体颜色。 前月后月的日期颜色：日期弹出框中，上个月日期和下个月日期的日期颜色。 选择范围的背景色：日期弹出框中，处于选择范围内日期的背景色。 日期弹出框内星期时间设置 星期背景色：日期弹出框内，星期几的背景色。

查看更多 →

本章节主要介绍时间器各配置项的含义。 样式 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。

查看更多 →

图表背景：设置图表的背景颜色、圆角和内边距。 图形 图形是指组件中，实现 数据可视化 的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置图表中图形的颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置图形中折线的宽度，取值范围0~100

查看更多 →

提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图6 提示 图7 设置提示效果 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息，如图7。 特征标记：提示框内容格式，如系列名、数据名和数据值。 坐标轴 在坐标轴中，设置图表的x轴和y轴，如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。

查看更多 →

数值内容：“指标类型”设置为“自定义”时，支持自定义数值内容。 数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。 数据 在数据中，设置瀑布柱图组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置瀑布柱图与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。

查看更多 →

快捷按钮背景色：设置日历头部右侧快捷按钮的背景色。 星期字体：设置日历头部星期的字体、文字大小、文字颜色等。 数据 在数据中，设置日历组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置日历组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本

查看更多 →

上时，背景的颜色。 鼠标悬浮时字体颜色：设置鼠标悬浮在某项内容上时，字体的颜色。 数据 在数据中，设置树状下拉框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置树状下拉框组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本

查看更多 →

示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图3）的距离，默认为0，即铺满整个组件。 上边距：图表到组件边框顶部的距离。 右边距：图表到组件边框右侧的距离。 下边距：图表到组件边框底部的距离。 左边距：图表到组件边框左侧的距离。 配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。

查看更多 →

持设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图4 配置 年月日 显示：是否显示年月日。 字体：设置年月日字体、颜色和大小等。 时间 显示：是否显示时间。 字体：设置时间字体、颜色和大小等。 星期 显示：是否显示星期。 字体：设置星期字体、颜色和大小等。

查看更多 →

持设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图4 配置 年月日 显示：是否显示年月日。 字体：设置年月日字体、颜色和大小等。 时间 显示：是否显示时间。 字体：设置时间字体、颜色和大小等。 星期 显示：是否显示星期。 字体：设置星期字体、颜色和大小等。

查看更多 →

显示标题：是否显示标题。 标题内容：设置标题的内容。 图4 设置标题的具体内容 标题字体：设置标题的字体、颜色和大小等。 配置 在配置中，设置多趋势组件的数值、同比和环比。 图5 配置 数值配置 显示数字：是否显示数字。 图6 显示数字 数字字体：设置数字的字体、大小和颜色等。 前缀：设置数字的前缀。 图7

查看更多 →

显示标题：是否显示标题。 标题内容：设置标题的内容。 图4 设置标题的具体内容 标题字体：设置标题的字体、颜色和大小等。 配置 在配置中，设置多趋势组件的数值、同比和环比。 图5 配置 数值配置 显示数字：是否显示数字。 图6 显示数字 数字字体：设置数字的字体、大小和颜色等。 前缀：设置数字的前缀。 图7

查看更多 →

用于对表格中的数据进行排序。 图16 开启后台排序 后台筛选：是否开启后台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。 图17 开启后台筛选 列宽占比(%)：设置对应系列在图表中的占比。 表头对齐方式：设置表头的对齐方式，如居中、左对齐等。 表头背景色：设置表头的背景颜色。

查看更多 →

图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 键值表格 全局样式 自适应：勾选时，表格会自动适应组件图层的高度。 字体：设置组件文本的字体样式。 左右间距：输入数值或拖动，设置表格的左右间距。 上下间距：输入数值或拖动，设置表格的上下间距。

查看更多 →

添加组件：在左侧组件列表中，找到“矩形”组件，将该组件拖到画布中。 图4 矩形-2 配置样式：可在右侧配置栏中，设置矩形的圆角、填充颜色和边框样式。 圆形 应用示例：作为数字或文字的背景。 图5 圆形-1 添加组件：在左侧组件列表中，找到“圆形”组件，将该组件拖到画布中。 图6 圆形-2

查看更多 →

在 CSS 代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面

查看更多 →

MB。 图标宽：设置图标的宽度。 图标高：设置图标的高度。 图标位置：设置图标的显示位置，如进度条上方、进度条下方。 数据 在数据中，设置图标进度条组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图标进度条组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。

查看更多 →

系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置图形中折线的宽度。 折线颜色：设置折线颜色，支持单色和渐变色。如果开启了阈值线，渐变会随着阈值线值变化。 折线不透明度：设置折线的不同透明度。

查看更多 →

系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置图形中折线的宽度。 折线颜色：设置折线颜色，支持单色和渐变色。如果开启了阈值线，渐变会随着阈值线值变化。 折线不透明度：设置折线的不同透明度。

查看更多 →

图表背景：设置图表的背景颜色、圆角和内边距。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 颜色：设置组件中图表的图形颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。 折线宽度：设置图形中折线的宽度。

查看更多 →