values
κ°(values) μΆμ λ°°μΉνλ μ§κ³(measure) νλ μ΅μ .
Options
name: string
νλλͺ
.
νΌλ²ν
μ΄λΈμ row/column dimension λλ value νλλ‘ μ¬μ©λλ λ°μ΄ν°νλΈ μ»¬λΌλͺ
μ λ°λμ μ§μ νλ€.
[μ£Όμ] μμ± μ νμμ΄λ©°, μμ± νμλ λ³κ²½ν μ μλ€.
width: number
νλ νμ λλΉ (px).
μ§μ νμ§ μμΌλ©΄ ν
μ΄λΈ μ€μ μ λ°λΌ κΈ°λ³Έ λλΉλ κ³μ°λ λλΉλ‘ νμλλ€.
μ»¬λΌ ν€λμ νμλλ κ²½μ° μ»¬λΌ ν€λμ λ§μ§λ§ level νλμΌ λλ§ μ μ©λλ€.
μ¦, measureκ° νμλλ©΄ μμ dimension νλμλ μ μ©λμ§ μλλ€.
headerWidth: number
νμ νμλ λ λλΉ.
μ§μ νμ§ μμΌλ©΄ ν ν€λμ κΈ°λ³Έ μ€μ λλΉλ κ³μ°λ λλΉλ‘ νμλλ€.
measure: string
[μ£Όμ] μ΅μ΄ μμ± ν λ³κ²½ν μ μλ€.
aggregate: 'var'|'first'|'last'|'sum'|'avg'|'min'|'max'|'count'|'distinct'|'product'|'stdev'|'stdevp'|'varp'|'p25'|'p50'|'p75'
κ° νλμ μ§κ³ ν¨μ μ ν.
μ§μ νμ§ μμΌλ©΄ 'sum'μΌλ‘ μ§κ³νλ€.
dataBar
μ
κ° ν¬κΈ°μ λΉλ‘νλ λ§λλ₯Ό μ
λ°°κ²½μ νμνλ μ΅μ
.
PivotDataBarOptions μ°Έμ‘°.
heatmap
μ
κ°μ λ°λΌ μμμ λ¬λ¦¬νλ ννΈλ§΅ μ΅μ
.
PivotHeatmapOptions μ°Έμ‘°.
highlight
νΉμ 쑰건μ λ°λΌ μ
μ κ°μ‘° νμνλ μ΅μ
.
μλ₯Ό λ€μ΄, κ°μ΄ νΉμ μκ³κ°μ μ΄κ³Όνλ κ²½μ° μ
λ°°κ²½μμ λΉ¨κ°μμΌλ‘ νμνλ λ±μ μ‘°κ±΄λΆ μμ κΈ°λ₯μ μ 곡νλ€.
icon
μ κ° λ²μμ λ°λΌ μλ Nλ±λΆλ μμ΄μ½μ νμνλ overlay. λμΌ μ μ dataBarκ° νμ±νλμ΄ μμΌλ©΄ dataBarκ° μ°μ μ΄λ©° iconμ 무μλλ€.
className: string
κ° νλμ λͺ¨λ μ μ μ μ©ν CSS ν΄λμ€ μ΄λ¦. λ°μ΄ν°λ°λ ννΈλ§΅ λ± μ μ€λ²λ μ΄ μ€νμΌκ³Όλ λ³λλ‘, μ μ ν μ€νΈ μ€νμΌ λ±μ μ‘°μ νκΈ° μν΄ μ¬μ©ν μ μλ€. [μ£Όμ] λ°μ΄ν°λ°μ background-color λ± μ μ€νμΌμ λμμ μ μ©ν λ, ν΄λμ€ μ΄λ¦μ΄ μ μ€λ²λ μ΄ μ€νμΌλ³΄λ€ μ°μ μ μ©λλ―λ‘ μλμΉ μμ μ€νμΌ μΆ©λμ΄ λ°μν μ μλ€. ν΄λμ€ μ΄λ¦μ μ¬μ©ν λλ μ μ€λ²λ μ΄ μ€νμΌκ³Όμ μ‘°ν©μ μ£Όμν΄μΌ νλ€.
totalClass: string
μκ³ μ
μ μΆκ°λ‘ μ μ©ν CSS ν΄λμ€ μ΄λ¦.
μ§μ νμ§ μμΌλ©΄ classNameμ΄ μκ³ μ
μλ λμΌνκ² μ μ©λλ€.
grandTotalClass: string
μ΄κ³ μ
μ μΆκ°λ‘ μ μ©ν CSS ν΄λμ€ μ΄λ¦.
μ§μ νμ§ μμΌλ©΄ classNameμ΄ μ΄κ³ μ
μλ λμΌνκ² μ μ©λλ€.
numberFormat: string
κ° νλμ μλ£νμ΄ '[number](https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#the-primitives-string-number-and-boolean)'μΌ λ μ«μ νμ νμ.
μ§μ νμ§ μμΌλ©΄ νΌλ²ν
μ΄λΈμ μ€μ λ κΈ°λ³Έ νμμ μ¬μ©νλ€.
dateFormat: string
κ° νλμ μλ£νμ΄ 'date'μΌ λ λ μ§ νμ νμ.
μ§μ νμ§ μμΌλ©΄ νΌλ²ν
μ΄λΈμ μ€μ λ κΈ°λ³Έ νμμ μ¬μ©νλ€.
textFormat: string
κ° νλμ μλ£νμ΄ 'text'μΌ λ ν
μ€νΈ νμ νμ.
μ§μ νμ§ μμΌλ©΄ νΌλ²ν
μ΄λΈμ μ€μ λ κΈ°λ³Έ νμμ μ¬μ©νλ€.
formatter: ( cell: IPivotValueCellInfo, stats: ScopedStats ) => string|IPivotFormatResult
value νλμΈ κ²½μ°, μ§κ³ κ° λμ νμν λ체 ν μ€νΈ(λλ ν μ€νΈ+μ€νμΌ)λ₯Ό λ°ννλ μ½λ°±.
λ°νκ°:
nullλλundefined: μ½λ°± νΈμΆμ΄ 무μλκ³ μλ μ§κ³ κ°μ΄ νμλλ€.string: μ μ νμν λ체 ν μ€νΈ. λ¬Έμμ΄μ${value}ν ν°μ ν¬λ§·λ μ κ°μΌλ‘ μΉνλλ€.- IPivotFormatResult: ν μ€νΈμ μ€νμΌμ ν¨κ» μ§μ νλ κ°μ²΄.
μ: { text: 'β² ${value}', color: 'red', bold: true, align: 'center' }
β λΉ¨κ°μ κ΅΅μ κΈμ¨λ‘ 'β² 100' μ€μ μ λ ¬ νμ.
μ: { text: cell.value, className: 'highlight' }
β μ
κ° κ·Έλλ‘ νμνλ, ν΄λμ€ highlight μ μ©.
μ: { text: cell.value, color: 'red', bold: true, align: 'center', backgroundColor: '#ffff00' }
β λΉ¨κ°μ κ΅΅μ κΈμ¨λ‘ μ€μ μ λ ¬ νμ, λ°°κ²½μμ λ
Έλμ.
μ½λ°± λ΄λΆμμ λΆν¬ κΈ°λ° νμ(μ체 μ κ·ν/μκ³κ°/λνΉ λ±)κ° νμνλ©΄
formatterStatsλ₯Ό μ§μ νλ€. μ§μ λ μ΅μ
μΌλ‘ measure λ λ μμ μ λ¨ ν λ²
ν΅κ³λ₯Ό κ³μ°ν΄ stats μΈμλ‘ μ λ¬νλ―λ‘, formatter νΈμΆλΉ μΆκ° λΉμ©μ΄ μλ€.
(μ§μ νμ§ μμΌλ©΄ statsλ undefinedμ΄κ³ ν΅κ³ κ³μ°λ μΌμ΄λμ§ μλλ€.)
μ: ν λ¨μ min~max μ κ·νλ‘ λ°±λΆμ¨ νμ
{
formatterStats: { compareScope: 'row' },
formatter: (cell, stats) => {
const g = stats!.groups.get(stats!.groupKey(cell)) ?? stats!.all;
const t = (cell.value - g.min) / (g.max - g.min);
return `${(t * 100).toFixed(0)}%`;
}
}μ: μ 체 μμ 10% μ λ§ κ΅΅κ² νμ
{
formatterStats: { withSorted: true },
formatter: (cell, stats) => {
const sorted = stats!.all.sorted!; // λ΄λ¦Όμ°¨μ
const threshold = sorted[Math.floor(sorted.length * 0.1)];
return cell.value >= threshold
? { text: cell.value, bold: true }
: null;
}
}formatterStats
formatterμ μ λ¬ν λΆν¬ ν΅κ³μ μ¬μ κ³μ° μ΅μ .
μ§μ νλ©΄ measure λ λ μμ μ 1νλ§ ν΅κ³λ₯Ό μ°μΆνμ¬ λͺ¨λ formatter νΈμΆμ κ°μ μ°Έμ‘°λ₯Ό μ λ¬νλ€.
μ§μ νμ§ μμΌλ©΄(undefined) ν΅κ³ κ³μ°μ μΌμ΄λμ§ μκ³ stats μΈμλ undefined.
formatterκ° μ€μ λμ΄ μμ§ μμΌλ©΄ μ΄ μ΅μ μ 무μλλ€.
heatmap/dataBar/iconOverlay/highlight λ± λ€λ₯Έ overlayκ° κ°μ measureμ μμΌλ©΄ ν΅κ³ κ³μ° μμ²΄κ° μΊμ 곡μ λλ―λ‘ μΆκ° λΉμ©λ μλ€.
showAs: any
value νλμ κ° νμ λ°©μ.
μ§κ³ κ°μ κ·Έλλ‘ νμνκ±°λ λ°±λΆμ¨, μ°¨μ΄, λμ , μμ λ±μΌλ‘ λ³ννμ¬ νμνλ€.
μ§μ νμ§ μμΌλ©΄ 'normal'λ‘ νμνλ€.
λΉνΈμΈ ValueShowAs νλͺ©μΌλ‘ ννμ΄ μ΄λ €μ΄ κ²½μ° μ½λ°± ν¨μλ₯Ό μ§μ μ§μ ν μ μλ€.
μ½λ°±μ raw μ§κ³ κ°μ κ°μ§ cellμ λ°μ λ³νλ νμκ°μ λ°ννλ€.
μ½λ°± λ΄λΆμμ λΉνΈμΈ showAsμ μ μ¬ν κ³μ°μ΄ νμνλ©΄ cell.field.model(= PivotValueFieldModel)μ
λ
ΈμΆλ ν¬νΌ API(rowTotal/colTotal/grandTotal/parentRowTotal/parentColTotal/
cellValue/siblingsAlong/indexOfSelf/baseValue)λ₯Ό μ¬μ©ν μ μλ€.
baseField: string
showAsκ° 'basePercent' | 'baseDiff' | 'basePercentDiff'μΌ λ λΉκ΅ κΈ°μ€μ΄ λλ dimension νλλͺ
.
μ§μ ν νλ μΆμμ baseItemμΌλ‘ μ§μ ν νλͺ©μ μ
κ°μ κΈ°μ€κ°μΌλ‘ μ¬μ©νλ€.
baseItem: string|number
showAsκ° 'basePercent' | 'baseDiff' | 'basePercentDiff'μΌ λ λΉκ΅ κΈ°μ€μ΄ λλ νλͺ© κ° λλ μλ μμΉ.
string | number: baseField μΆμμ ν΄λΉ κ°κ³Ό μΌμΉνλ νλͺ©μ κΈ°μ€μΌλ‘ μ¬μ©.'@first'/'@last': μΆμ 첫 λ²μ§Έ / λ§μ§λ§ νλͺ©.'@previous'/'@next': μ§μ / μ§ν νλͺ©.
μλ μμΉ νλͺ©μ νμ¬ μ
μ΄ μν λΆλͺ¨ κ·Έλ£Ή μμμ μ°Ύλλ€(μ€μ²© μΆμμ κ·Έλ£Ή κ²½κ³λ₯Ό
λμ§ μμ). @previous/@nextλ ν΄λΉ λ°©ν₯μΌλ‘ μ΄λνλ©° μ‘°ν©μ΄ μ€μ λ‘ μ‘΄μ¬νλ κ°μ₯
κ°κΉμ΄ νλͺ©μ κΈ°μ€μΌλ‘ μΌκ³ , μ‘°ν© μμ²΄κ° μλ νλͺ©μ 건λλ΄λ€. λ°©ν₯μΌλ‘ μ‘΄μ¬νλ
μ‘°ν©μ΄ νλλ μμΌλ©΄ κ²°κ³Όλ λΉ μ
μ΄λ€. κΈ°μ€ νλͺ©(μ‘°ν©)μ μ‘΄μ¬νλ κ·Έ λ¨λ©΄μμ κ°λ§
λΉμ΄ μμΌλ©΄ κΈ°μ€κ°μ 0μΌλ‘ κ°μ£Όνμ¬, 'baseDiff'λ νμ¬κ°μ, 'basePercent'/
'basePercentDiff'λ 0 λλμ
μΌλ‘ λΉ μ
μ΄ λλ€.
baseAxis: ShowAsAxis
showAsκ° 'diff' | 'percentDiff' | 'running' | 'rank'μΌ λ λΉκ΅/λμ /μμ κ³μ°μ κΈ°μ€ μΆ.
Excelμ base field μΆ κ°λ
κ³Ό λμΌνλ€. κΈ°μ€ fieldκ° λμΈ μΆμ κ°λ¦¬ν¨λ€.
'row': κΈ°μ€ fieldκ° ν μΆ β νμ λ°λΌ(μΈλ‘) μ΄λνλ©° μ΄μ μ μ λΉκ΅νλ€.'column': κΈ°μ€ fieldκ° μ΄ μΆ β μ΄μ λ°λΌ(κ°λ‘) μ΄λνλ©° μ΄μ μ μ λΉκ΅νλ€.
κ°μ λΆλͺ¨ κ·Έλ£Ή λ΄μ λμΌ measure μ λ€λ§ νμ λ‘ κ°μ£Όνλ€.
default: 'row'
style: PivotCellStyle
κ° νλμ λͺ¨λ μ
μ μ μ©ν μ€νμΌ.
classNameμΌλ‘ μ€μ λ css ν΄λμ€ μ€νμΌλ€λ³΄λ€ μ°μ νλ€.
totalStyle: PivotCellStyle
κ° νλμ μκ³ μ
μ μΆκ°λ‘ μ μ©ν μ€νμΌ.
totalClassμΌλ‘ μ€μ λ css ν΄λμ€ μ€νμΌλ€λ³΄λ€ μ°μ νλ€.
λ, stylesλ‘ μ€μ λ μ€νμΌλ³΄λ€ μ°μ νλ€.
grandStyle: PivotCellStyle
κ° νλμ μ΄κ³ μ
μ μΆκ°λ‘ μ μ©ν μ€νμΌ.
grandTotalClassμΌλ‘ μ€μ λ css ν΄λμ€ μ€νμΌλ€λ³΄λ€ μ°μ νλ€.
λ, stylesλ‘ μ€μ λ μ€νμΌλ³΄λ€ μ°μ νλ€.