堆叠进度条¶
堆叠进度条是进度条的一种变体，将多个指标数据在同一条形中叠加展示，直观呈现各部分的占比关系及合计。适合展示多个类别共同构成整体的场景，例如各能源类型的发电占比。
本文介绍堆叠进度条的特殊配置。有关各图表通用的配置项，如 基本 标签页、过滤器 标签页的内容，参见 图表通用配置。
备注
组件库中的 堆叠进度条（带图例）、堆叠进度条（数值在上，无图标） 和 堆叠进度条（带图标） 三个预设都是本组件，只是把 图表布局 预置成了三个不同的取值，插入后可随时切换。因此这三个预设都以本文为准。各预设的样式对比参见 进度条的类型。
堆叠进度条的数据¶
堆叠进度条以指标为核心，每个指标对应条形中的一个色段。该组件不使用 对比 字段，数据 标签页中没有对比入口。有关数据源、数据项，参见 图表通用配置 > 配置数据。
指标¶
指标决定各色段的长度和占比。堆叠进度条至少需要 1 个指标字段，数量无上限，每个指标字段对应条形中的一个色段，并在 指标样式 中生成一个对应的配置面板，面板标题自动显示为该字段的名称。
各色段的宽度按该指标值占所有指标值合计的比例计算，因此百分比始终以当前已添加的指标之和为基准。
扩展¶
扩展字段至少需要 1 个，数量无上限。扩展字段不绘制在条形上，只为汇总区域提供名称文字：在 汇总名称 中选择一个扩展字段后，图表把该字段的值作为汇总区域的标题显示。
备注
汇总区域的数值不来自扩展字段，而是所有指标值的合计，由图表自动计算。该用途仅在 图表布局 为 显示汇总值，图例在底部 时生效；未在 汇总名称 中引用扩展字段时，图表展示不会有任何变化。
堆叠进度条的样式¶
样式配置项分为 图表布局、指标样式 和 全局设置 三部分，全局设置 下包含 进度条 和 图例 两个折叠面板。图表布局 决定其余各区块中哪些配置项可用。有关标题、组件的通用配置项，参见 图表通用配置 > 配置样式。
图表布局¶
堆叠进度条提供三种布局，决定汇总值、名称、数值和图标的展示方式，默认为第一种：
显示汇总值，图例在底部：汇总名称和汇总数值显示在进度条上方，各指标的色块、名称和数值以图例形式列在进度条下方。适合指标较多且需要图例说明时。
无汇总值，图例伴随，无图标：不显示汇总值，每个指标的名称、数值和单位直接标注在对应色段的上方，布局紧凑。
无汇总值，图例伴随，有图标：在上一种布局的基础上，为每个指标额外显示图标，支持内置图标和自定义图片，适合品牌化或需要视觉区分的场景。
指标样式¶
每个指标字段对应一个 指标样式 折叠面板。图表布局 为 显示汇总值，图例在底部 时，该面板只提供 进度条颜色。
进度条颜色¶
设置该指标色段的颜色，支持纯色和渐变色。未设置时使用默认色。
名称字体 / 数值字体 / 单位名称¶
分别设置该指标标注在色段旁的名称、数值和单位的字体样式（单位名称 配置的是单位文字的字体）。仅在 图表布局 为两种 无汇总值 布局时可用。
图标¶
设置该指标的图标，可选 内置 或 自定义，仅在 图表布局 为 无汇总值，图例伴随，有图标 时可用：
内置：从内置图标库中选择图标，并在 图标样式 中设置 尺寸（px）和 颜色（仅支持纯色）。图标以半透明同色圆形底衬展示。
自定义：从素材库中选择图片，并用 图标大小 设置尺寸（pt，默认 24）。
进度条¶
控制条形本身的外观、数值展示方式和汇总区域。
数据展示形式¶
设置每个指标标注的内容：数值（默认）、百分比 或 数值 + 百分比。仅在 图表布局 为两种 无汇总值 布局时可用。
小数位数¶
将展示的数值四舍五入为指定的小数位数，默认 2 位。勾选 展示千分位 后数值按千分位分隔显示。
汇总名称¶
从 扩展 字段中选择一个，图表把该字段的值作为汇总区域的标题显示在进度条上方，其下方展示所有指标值的合计。选择 无（默认）则不显示汇总区域。仅在 图表布局 为 显示汇总值，图例在底部 时可用。
汇总名称字体 / 汇总数值字体 / 汇总单位字体¶
分别设置汇总区域的名称、数值、单位的字体样式。仅在 图表布局 为 显示汇总值，图例在底部 时可用。
进度条高度¶
设置堆叠进度条条形的粗细（单位 px），默认 8。
动态效果¶
启用后，各色段循环播放一道自左向右扫过的高光。具体表现参见 运行时交互。
图标位置¶
设置图标相对于名称和数值的位置：上方（默认）或 左侧。仅在 图表布局 为 无汇总值，图例伴随，有图标 时可用。
备注
选择 左侧 时，最后一个指标的图标显示在名称和数值的右侧，以避免图标溢出组件右边界。
名称位置¶
设置名称相对于数值的位置：上方（默认，名称在数值上方）或 左侧（名称与数值同行）。仅在 图表布局 为两种 无汇总值 布局时可用。
名称-数值间距¶
设置名称与数值之间的间距（单位 px），默认 4。仅在 图表布局 为两种 无汇总值 布局时可用。
单位位置¶
设置单位的展示位置：跟随数值（默认，显示在每个数值右侧）或 右上角（在组件右上角以 单位：X 的形式统一显示）。仅在 图表布局 为两种 无汇总值 布局时可用。
备注
选择 右上角 后，所有指标的数值会统一换算到同一单位，便于横向对比。基准单位取自在 数据 标签页中被指定为全局单位的指标，未指定时取第 1 个指标的单位。
顶部单位字体¶
设置右上角统一单位文字的字体样式。仅在 单位位置 为 右上角 时可用。图表布局 为 显示汇总值，图例在底部 时，该处文字的字体由 图例单位字体 控制。
图例¶
控制进度条下方图例区域的展示方式。整个区块仅在 图表布局 为 显示汇总值，图例在底部 时可用。
数据展示形式¶
设置图例中各指标显示的内容：数值（默认）、百分比 或 数值 + 百分比。
图例名称字体 / 图例数值字体 / 图例单位字体¶
分别设置图例中名称、数值、单位的字体样式。
单位位置¶
设置图例中单位的展示位置：跟随数值（默认）或 右上角。
大小¶
设置图例色块的 大小 和条目之间的 间距（单位 px）。勾选 自动 时两者均按 6 计算。
运行时交互¶
以下是堆叠进度条在运行时的行为：
悬浮色段：鼠标悬浮在某个色段上时，该色段纵向放大并加投影，同时在鼠标位置显示提示框，内容为该指标的名称、数值和单位，前面带一个与色段同色的圆点。提示框跟随鼠标横向移动，移出条形区域后消失。该组件不提供 显示提示 配置项，此提示始终存在，参见 图表通用配置 > 显示提示。
悬浮名称和数值：名称和数值不换行，超出组件范围时被裁切。鼠标悬浮在名称或数值上可看到完整的名称和数值。
数值递增：每次数据刷新后，各指标的数值、百分比和汇总数值都会在约 1 秒内从 0 递增到最新值。该动效只在发布后的页面中播放，编辑器画布内直接显示最终值。
色段过渡：数据变化时色段宽度以约 0.3 秒过渡到新的比例。条形最左端和最右端的色段带圆角，中间色段之间留有 2px 间隙。
扫光动效：启用 动态效果 后，每个色段循环播放一道自左向右扫过的高光，周期 4 秒，相邻色段依次延迟 1 秒错开，最多前 10 个色段有此效果。鼠标悬浮某个色段时，该色段立即重播一次扫光。
取数：只使用返回数据中的第一条记录。汇总数值为当前所有指标值的合计，各色段的百分比按占该合计的比例计算，因此增减指标会同时改变百分比和汇总值。
无效数值：取不到值或值不是数字时，该数值显示
--，汇总数值也随之显示--。
备注
该组件在运行时没有点击行为，数值也不支持点击跳转和趋势分析。如需跳转，可使用 基本 标签页的 标题交互，参见 图表通用配置 > 左侧标题交互。