TargetCompleteRate 指标达成进度比

指标达成进度比，使用 <target-complete-rate /> 组件。

基础用法

直接使用 <target-complete-rate /> 标签，设置属性全周期标签 fullCycleLabel 和 累计标签 actualLabel。

数据 data 里的 type 必传。

API

名称	说明	类型	默认值
dbOptions	图表数据配置对象，包含 data 与字段映射 fieldMap	object	{ data: [], fieldMap: { fullCyclePlan: 'fullCyclePlan', fullCycleDynamic: 'fullCycleDynamic', plan: 'plan', dynamic: 'dynamic', offsetRatio: 'offsetRatio' } }
fullCycleLabel	图例名称：全周期计划/实际等	string	'全周期'
actualLabel	图例名称：实际发生/累计至某时间点	string	'累计至25年3月底已发生'

---

dbOptions

属性名	说明	类型	示例值
data	图表数据数组	array	[{ name: '合同', fullCyclePlan: 115, fullCycleDynamic: 125, plan: 80, dynamic: 90, offsetRatio: 45, type: 'revenue' }]
fieldMap	字段映射，指定数据字段名	object	{ fullCyclePlan: 'fullCyclePlan', fullCycleDynamic: 'fullCycleDynamic', plan: 'plan', dynamic: 'dynamic', offsetRatio: 'offsetRatio' }

---

数据项结构（data 数组中的每一项）

字段名	说明	类型	示例值
name	指标名称（如：合同、回款）	string	'合同'
fullCyclePlan	经营策划会全周期	number	115
fullCycleDynamic	动态版全周期	number	125
plan	阶段计划值	number	80
dynamic	阶段实际值	number	90
offsetRatio	偏离比例（正负），提供一个百分比的值	number	45
type	类型（如 revenue/cost） 收益时，动态大是三角形红色。支出时，动态大三角形是绿色	string	'revenue'