API
API
PivotHeatmapOptions

PivotHeatmapOptions extends ValueRangeOverlayOptions

ํ”ผ๋ฒ— ํ…Œ์ด๋ธ”์˜ ์…€์— ์ ์šฉ๋˜๋Š” ํžˆํŠธ๋งต(Heatmap) ์„ค์ • ์˜ต์…˜.
๊ฐ’์˜ ํฌ๊ธฐ์— ๋”ฐ๋ผ ์…€ ๋ฐฐ๊ฒฝ์ƒ‰์„ ๋‹จ๊ณ„์ ์œผ๋กœ ๋ณ€๊ฒฝํ•œ๋‹ค.

Options

visible: boolean (opens in a new tab)

ํ‘œ์‹œ ๊ฐ€๋Šฅ ์—ฌ๋ถ€.

default: true

cellScope: 'value' | 'subtotal' | 'total' | 'all' | Array (opens in a new tab)<'value' | 'subtotal' | 'total'>

overlay๋ฅผ ์ ์šฉํ•  ์…€ ํƒ€์ž….

๊ธฐ๋ณธ๊ฐ’์€ 'value'(์ƒ์„ธ ์…€์—๋งŒ ์ ์šฉ). ์†Œ๊ณ„/์ด๊ณ„๋Š” ๊ฐ’์ด ์ปค์„œ ์ •๊ทœํ™” ๊ธฐ์ค€์„ ์™œ๊ณกํ•˜๊ธฐ ์‰ฌ์šฐ๋ฏ€๋กœ ์ฃผ์˜๊ฐ€ ํ•„์š”ํ•˜๋‹ค. ์†Œ๊ณ„์—๋„ ์ ์šฉํ•˜๋ ค๋ฉด ๋ณดํ†ต compareScope: ['level', ...]์„ ๊ฐ™์ด ์“ด๋‹ค.

default: 'value'

See Also

CellScope

compareScope: 'all' | 'row' | 'column' | 'level' | 'rowGroup' | 'columnGroup' | Array (opens in a new tab)<'row' | 'column' | 'level' | 'rowGroup' | 'columnGroup'>

๊ฐ’์„ ๋น„๊ต(์ •๊ทœํ™”)ํ•  ๋ฒ”์œ„.

์–ด๋А ์…€๋“ค์„ "ํ•œ ๊ทธ๋ฃน"์œผ๋กœ ๋ณด๊ณ  ํ•ด๋‹น ๊ทธ๋ฃน์˜ min/max๋กœ ์ •๊ทœํ™”ํ• ์ง€ ๊ฒฐ์ •ํ•œ๋‹ค. ์ด ๊ฐ’์— ๋”ฐ๋ผ ๊ฐ™์€ ์…€์˜ ์ƒ‰์ƒ/๋ง‰๋Œ€ ํญ์ด ๋‹ฌ๋ผ์ง„๋‹ค.

๋ฐฐ์—ด๋กœ ์กฐํ•ฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ์กฐํ•ฉ๋œ ์ถ•๋“ค์˜ ๊ต์ฐจ ๊ทธ๋ฃน๋ณ„๋กœ ๋ถ„๋ฆฌ๋œ๋‹ค.

default: 'all'

See Also

CompareScope

boundsMode: 'auto' | 'value' | 'percent' | 'percentile'

minValue/maxValue(+ heatmap midValue) ํ•ด์„ ๋ฐฉ์‹. overlay์˜ ๋ชจ๋“  ๊ฒฝ๊ณ„ ์˜ต์…˜์€ ์ด ํ•œ ๊ฐ€์ง€ ๋ฐฉ์‹์œผ๋กœ ํ†ต์ผ ํ•ด์„๋œ๋‹ค.

default: 'auto'

See Also

ValueBoundsMode

maxValue: number (opens in a new tab)

์ตœ๋Œ€๊ฐ’. boundsMode์— ๋”ฐ๋ผ ํ•ด์„๋œ๋‹ค. boundsMode: 'auto'์ด๊ฑฐ๋‚˜ ๋ฏธ์ง€์ •์ด๋ฉด ๋ฐ์ดํ„ฐ์˜ ์‹ค์ œ ์ตœ๋Œ€๊ฐ’์ด ์‚ฌ์šฉ๋œ๋‹ค.

default: undefined

minValue: number (opens in a new tab)

์ตœ์†Œ๊ฐ’. boundsMode์— ๋”ฐ๋ผ ํ•ด์„๋œ๋‹ค. boundsMode: 'auto'์ด๊ฑฐ๋‚˜ ๋ฏธ์ง€์ •์ด๋ฉด ๋ฐ์ดํ„ฐ์˜ ์‹ค์ œ ์ตœ์†Œ๊ฐ’์ด ์‚ฌ์šฉ๋œ๋‹ค.

default: undefined

outOfRange: 'clamp' | 'hide'

์‚ฌ์šฉ์ž๊ฐ€ ์„ค์ •ํ•œ minValue/maxValue ๋ฒ”์œ„๋ฅผ ๋ฒ—์–ด๋‚œ ๊ฐ’์˜ ์ฒ˜๋ฆฌ ๋ฐฉ์‹.

  • 'clamp' (๊ธฐ๋ณธ): ๋ฒ”์œ„ ๊ฒฝ๊ณ„๊ฐ’์œผ๋กœ ํด๋ž˜ํ•‘ํ•ด์„œ overlay๋ฅผ ๊ณ„์† ๊ทธ๋ฆฐ๋‹ค (heatmap: ๋์ƒ‰, dataBar: 0%/100%).
  • 'hide' : ๋ฒ”์œ„ ๋ฐ– ์…€์€ overlay๋ฅผ ์ ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค (๊ฐ’ ์ž์ฒด๋Š” ํ‘œ์‹œ).

boundsMode: 'auto'์ด๊ฑฐ๋‚˜ min/max๋ฅผ ์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ๋ฒ”์œ„ ๋ฐ– ์…€์ด ์กด์žฌํ•  ์ˆ˜ ์—†์œผ๋ฏ€๋กœ ์ด ์˜ต์…˜์€ ๋ฌด์˜๋ฏธํ•˜๋‹ค.

default: 'clamp'

logBase: number (opens in a new tab)

๋กœ๊ทธ ์Šค์ผ€์ผ ๋ฐ‘(base).

  • > 1 ์ด๋ฉด ํ•ด๋‹น ๋ฐ‘์˜ ๋กœ๊ทธ ์Šค์ผ€์ผ๋กœ ์ •๊ทœํ™”ํ•œ๋‹ค (์˜ˆ: 2, Math.E, 10).
  • <= 1 ์ด๊ฑฐ๋‚˜ ๋ฏธ์ง€์ •/๋น„์œ ํ•œ๊ฐ’์ด๋ฉด ๋ฌด์‹œ๋˜์–ด ์„ ํ˜• ์Šค์ผ€์ผ๋กœ ์ฒ˜๋ฆฌ๋œ๋‹ค. (base = 1์€ ์ •์˜ ๋ถˆ๊ฐ€, 0 < base < 1์€ ์ •๊ทœํ™” ๋ฐฉํ–ฅ์ด ๋’ค์ง‘ํ˜€ ์˜๋ฏธ๊ฐ€ ์—†๋‹ค.)

default: 10

colors: Array (opens in a new tab)<string (opens in a new tab)>

์ตœ์†Œ๊ฐ’์—์„œ ์ตœ๋Œ€๊ฐ’ ์‚ฌ์ด์˜ ์ƒ‰์ƒ ๋ชฉ๋ก.
2๊ฐœ ๋˜๋Š” 3๊ฐœ ์ƒ‰์ƒ์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๊ฐ’์ด ๋‚ฎ์„์ˆ˜๋ก ์•ž์ชฝ ์ƒ‰์ƒ์ด ์‚ฌ์šฉ๋œ๋‹ค. ์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ๋‚ด๋ถ€ ๊ธฐ๋ณธ ์ƒ‰์ƒ ๋ฐฐ์—ด์—์„œ ์ธก์ •๊ฐ’(measure) ์ธ๋ฑ์Šค ์ˆœ์„œ์— ํ•ด๋‹นํ•˜๋Š” ์ƒ‰์ƒ ์„ธํŠธ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ๊ธฐ๋ณธ๊ฐ’์€ 3๋‹จ๊ณ„ ๊ทธ๋ผ๋ฐ์ด์…˜์œผ๋กœ, ๋‚ฎ์€ ๊ฐ’๋ถ€ํ„ฐ ๋นจ๊ฐ•-๋…ธ๋ž‘-์ดˆ๋ก ์ˆœ์ด๋‹ค.

default: undefined

nullColor: string (opens in a new tab)

๊ฐ’์ด null ๋˜๋Š” undefined์ธ ๊ฒฝ์šฐ ์‚ฌ์šฉํ•  ์ƒ‰์ƒ.
์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ํˆฌ๋ช…ํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•œ๋‹ค.

default: undefined

midValue: number (opens in a new tab)

์ค‘๊ฐ„๊ฐ’. boundsBy์— ๋”ฐ๋ผ ํ•ด์„๋œ๋‹ค. ๋ฏธ์ง€์ •์ด๋ฉด (min+max)/2 (๋˜๋Š” boundsBy๋ณ„ ๊ท ๋“ฑ ์ค‘์ )์ด ์‚ฌ์šฉ๋œ๋‹ค. midColor๊ฐ€ ์ง€์ •๋œ ๊ฒฝ์šฐ์—๋งŒ ์˜๋ฏธ๊ฐ€ ์žˆ์œผ๋ฉฐ, ์ด ๊ฐ’์„ ๊ธฐ์ค€์œผ๋กœ ์ƒ‰์ƒ์ด ๊ฒฐ์ •๋œ๋‹ค.

default: undefined

colorPicker: (cell: IPivotValueCellInfo, stats: ScopedStats) => string (opens in a new tab)

์…€๋ณ„ ์ƒ‰์ƒ์„ ์ง์ ‘ ๊ฒฐ์ •ํ•˜๋Š” ์ฝœ๋ฐฑ. ์ •์˜๋˜๋ฉด boundsBy/minValue/maxValue/midValue/colors/logBase ๋“ฑ ๋‚ด๋ถ€ ์ƒ‰์ƒ ๊ฒฐ์ • ํŒŒ์ดํ”„๋ผ์ธ์„ ์ „๋ถ€ ์šฐํšŒํ•œ๋‹ค.

  • ๋ฌธ์ž์—ด(CSS ์ƒ‰) ๋ฐ˜ํ™˜ โ†’ ๊ทธ ์ƒ‰์„ ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉ.
  • undefined ๋ฐ˜ํ™˜ โ†’ ํ•ด๋‹น ์…€์— ํ•œํ•ด ๊ธฐ๋ณธ ๊ทธ๋ผ๋ฐ์ด์…˜ ๊ฒฝ๋กœ๋กœ ํด๋ฐฑ.

stats๋Š” overlay ์ž์‹ ์˜ cellScope/compareScope๋กœ prepare๋œ ๋ถ„ํฌ ํ†ต๊ณ„.

default: undefined