heatmap
ํผ๋ฒ ํ
์ด๋ธ์ ์
์ ์ ์ฉ๋๋ ํํธ๋งต(Heatmap) ์ค์ ์ต์
.
๊ฐ์ ํฌ๊ธฐ์ ๋ฐ๋ผ ์
๋ฐฐ๊ฒฝ์์ ๋จ๊ณ์ ์ผ๋ก ๋ณ๊ฒฝํ๋ค.
Options
visible: boolean
ํ์ ๊ฐ๋ฅ ์ฌ๋ถ.
default: true
cellScope: 'value'|'subtotal'|'total'|'all'|('value'|'subtotal'|'total')[]
overlay๋ฅผ ์ ์ฉํ ์ ํ์ .
๊ธฐ๋ณธ๊ฐ์ 'value'(์์ธ ์
์๋ง ์ ์ฉ). ์๊ณ/์ด๊ณ๋ ๊ฐ์ด ์ปค์ ์ ๊ทํ ๊ธฐ์ค์ ์๊ณกํ๊ธฐ ์ฌ์ฐ๋ฏ๋ก
์ฃผ์๊ฐ ํ์ํ๋ค. ์๊ณ์๋ ์ ์ฉํ๋ ค๋ฉด ๋ณดํต compareScope: ['level', ...]์ ๊ฐ์ด ์ด๋ค.
default: 'value'
compareScope: 'all'|'row'|'column'|'level'|'rowGroup'|'columnGroup'|('row'|'column'|'level'|'rowGroup'|'columnGroup')[]
๊ฐ์ ๋น๊ต(์ ๊ทํ)ํ ๋ฒ์.
์ด๋ ์ ๋ค์ "ํ ๊ทธ๋ฃน"์ผ๋ก ๋ณด๊ณ ํด๋น ๊ทธ๋ฃน์ min/max๋ก ์ ๊ทํํ ์ง ๊ฒฐ์ ํ๋ค. ์ด ๊ฐ์ ๋ฐ๋ผ ๊ฐ์ ์ ์ ์์/๋ง๋ ํญ์ด ๋ฌ๋ผ์ง๋ค.
๋ฐฐ์ด๋ก ์กฐํฉ ๊ฐ๋ฅํ๋ฉฐ, ์กฐํฉ๋ ์ถ๋ค์ ๊ต์ฐจ ๊ทธ๋ฃน๋ณ๋ก ๋ถ๋ฆฌ๋๋ค.
default: 'all'
boundsMode: 'auto'|'value'|'percent'|'percentile'
minValue/maxValue(+ heatmap midValue) ํด์ ๋ฐฉ์.
overlay์ ๋ชจ๋ ๊ฒฝ๊ณ ์ต์
์ ์ด ํ ๊ฐ์ง ๋ฐฉ์์ผ๋ก ํต์ผ ํด์๋๋ค.
default: 'auto'
maxValue: number
์ต๋๊ฐ. boundsMode์ ๋ฐ๋ผ ํด์๋๋ค.
boundsMode: 'auto'์ด๊ฑฐ๋ ๋ฏธ์ง์ ์ด๋ฉด ๋ฐ์ดํฐ์ ์ค์ ์ต๋๊ฐ์ด ์ฌ์ฉ๋๋ค.
minValue: number
์ต์๊ฐ. boundsMode์ ๋ฐ๋ผ ํด์๋๋ค.
boundsMode: 'auto'์ด๊ฑฐ๋ ๋ฏธ์ง์ ์ด๋ฉด ๋ฐ์ดํฐ์ ์ค์ ์ต์๊ฐ์ด ์ฌ์ฉ๋๋ค.
outOfRange: 'clamp'|'hide'
์ฌ์ฉ์๊ฐ ์ค์ ํ minValue/maxValue ๋ฒ์๋ฅผ ๋ฒ์ด๋ ๊ฐ์ ์ฒ๋ฆฌ ๋ฐฉ์.
'clamp'(๊ธฐ๋ณธ): ๋ฒ์ ๊ฒฝ๊ณ๊ฐ์ผ๋ก ํด๋ํํด์ overlay๋ฅผ ๊ณ์ ๊ทธ๋ฆฐ๋ค (heatmap: ๋์, dataBar: 0%/100%).'hide': ๋ฒ์ ๋ฐ ์ ์ overlay๋ฅผ ์ ์ฉํ์ง ์๋๋ค (๊ฐ ์์ฒด๋ ํ์).
boundsMode: 'auto'์ด๊ฑฐ๋ min/max๋ฅผ ์ง์ ํ์ง ์์ผ๋ฉด ๋ฒ์ ๋ฐ ์
์ด ์กด์ฌํ ์ ์์ผ๋ฏ๋ก ์ด ์ต์
์ ๋ฌด์๋ฏธํ๋ค.
default: 'clamp'
logBase: number
๋ก๊ทธ ์ค์ผ์ผ ๋ฐ(base).
> 1์ด๋ฉด ํด๋น ๋ฐ์ ๋ก๊ทธ ์ค์ผ์ผ๋ก ์ ๊ทํํ๋ค (์:2,Math.E,10).<= 1์ด๊ฑฐ๋ ๋ฏธ์ง์ /๋น์ ํ๊ฐ์ด๋ฉด ๋ฌด์๋์ด ์ ํ ์ค์ผ์ผ๋ก ์ฒ๋ฆฌ๋๋ค. (base = 1์ ์ ์ ๋ถ๊ฐ,0 < base < 1์ ์ ๊ทํ ๋ฐฉํฅ์ด ๋ค์งํ ์๋ฏธ๊ฐ ์๋ค.)
default: 10
colors: string[]
์ต์๊ฐ์์ ์ต๋๊ฐ ์ฌ์ด์ ์์ ๋ชฉ๋ก.
2๊ฐ ๋๋ 3๊ฐ ์์์ ์ง์ ํ ์ ์์ผ๋ฉฐ, ๊ฐ์ด ๋ฎ์์๋ก ์์ชฝ ์์์ด ์ฌ์ฉ๋๋ค.
์ง์ ํ์ง ์์ผ๋ฉด ๋ด๋ถ ๊ธฐ๋ณธ ์์ ๋ฐฐ์ด์์ ์ธก์ ๊ฐ(measure) ์ธ๋ฑ์ค ์์์ ํด๋นํ๋ ์์ ์ธํธ๋ฅผ ์ฌ์ฉํ๋ค.
๊ธฐ๋ณธ๊ฐ์ 3๋จ๊ณ ๊ทธ๋ผ๋ฐ์ด์
์ผ๋ก, ๋ฎ์ ๊ฐ๋ถํฐ ๋นจ๊ฐ-๋
ธ๋-์ด๋ก ์์ด๋ค.
nullColor: string
๊ฐ์ด null ๋๋ undefined์ธ ๊ฒฝ์ฐ ์ฌ์ฉํ ์์.
์ง์ ํ์ง ์์ผ๋ฉด ํฌ๋ช
ํ๊ฒ ์ฒ๋ฆฌํ๋ค.
midValue: number
์ค๊ฐ๊ฐ. boundsBy์ ๋ฐ๋ผ ํด์๋๋ค.
๋ฏธ์ง์ ์ด๋ฉด (min+max)/2 (๋๋ boundsBy๋ณ ๊ท ๋ฑ ์ค์ )์ด ์ฌ์ฉ๋๋ค.
midColor๊ฐ ์ง์ ๋ ๊ฒฝ์ฐ์๋ง ์๋ฏธ๊ฐ ์์ผ๋ฉฐ, ์ด ๊ฐ์ ๊ธฐ์ค์ผ๋ก ์์์ด ๊ฒฐ์ ๋๋ค.
colorPicker: ( cell: IPivotValueCellInfo, stats: ScopedStats ) => string
์
๋ณ ์์์ ์ง์ ๊ฒฐ์ ํ๋ ์ฝ๋ฐฑ. ์ ์๋๋ฉด boundsBy/minValue/maxValue/midValue/colors/logBase
๋ฑ ๋ด๋ถ ์์ ๊ฒฐ์ ํ์ดํ๋ผ์ธ์ ์ ๋ถ ์ฐํํ๋ค.
- ๋ฌธ์์ด(CSS ์) ๋ฐํ โ ๊ทธ ์์ ๊ทธ๋๋ก ์ฌ์ฉ.
undefined๋ฐํ โ ํด๋น ์ ์ ํํด ๊ธฐ๋ณธ ๊ทธ๋ผ๋ฐ์ด์ ๊ฒฝ๋ก๋ก ํด๋ฐฑ.
stats๋ overlay ์์ ์ cellScope/compareScope๋ก prepare๋ ๋ถํฌ ํต๊ณ.