API
API
PivotMapChartOptions

PivotMapChartOptions

ํ”ผ๋ฒ— ๋งต์ฐจํŠธ ํŒจ๋„ ์˜ต์…˜.

Options

mapUrl: string (opens in a new tab)

๋งต์ฐจํŠธ๊ฐ€ ์‚ฌ์šฉํ•  ์ง€๋„ ์†Œ์Šค(geojson ๋“ฑ)์˜ url.
๋งต์ฐจํŠธ๋Š” ์ง€๋„ ์—†์ด ๊ทธ๋ฆด ์ˆ˜ ์—†์œผ๋ฏ€๋กœ ๋ฐ˜๋“œ์‹œ ์ง€์ •ํ•ด์•ผ ํ•œ๋‹ค.

default: undefined

mapName: string (opens in a new tab)

์ง€๋„ ์†Œ์Šค์˜ ์ด๋ฆ„. series๊ฐ€ ์ฐธ์กฐํ•œ๋‹ค.

default: 'map'

mapKeys: [string (opens in a new tab) | string (opens in a new tab)]

์ง€๋„ area์™€ ๋ฐ์ดํ„ฐํฌ์ธํŠธ๋ฅผ ์—ฐ๊ฒฐํ•  ํ‚ค. [์ง€๋„ area ์†์„ฑ, ๋ฐ์ดํ„ฐํฌ์ธํŠธ ์†์„ฑ].
์˜ˆ) ['name', 'id'] ๋Š” ์ง€๋„ area์˜ 'name' ์†์„ฑ๊ณผ ๋ฐ์ดํ„ฐํฌ์ธํŠธ์˜ 'id' ์†์„ฑ์„ ๋งค์นญํ•œ๋‹ค.

default: ['name', 'id']

coordKey: string (opens in a new tab)

์„ ํƒ ์ง€์—ญ ํ•€์˜ ์ขŒํ‘œ๋ฅผ ์ฐพ์„ ๋•Œ, ํฌ์ธํŠธ์˜ area์™€ ๋งค์นญํ•  ์ง€๋„ area ์†์„ฑ.
์ด ์†์„ฑ์ด ์—†์œผ๋ฉด area์˜ 'name'์œผ๋กœ ํด๋ฐฑํ•œ๋‹ค(์„ธ๊ณ„์ง€๋„ ๋“ฑ ๋™๋ช… ์ง€์—ญ์ด ์—†๋Š” ์ง€๋„ ๋Œ€์‘).

default: 'rm-fullname'

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

์ง€๋„์—์„œ ์ œ์™ธํ•  area id ๋ชฉ๋ก.
์˜ˆ) ๋‚จ๊ทน์„ ๋นผ๋ ค๋ฉด ['ATA']. ์ข์€ ํŒจ๋„์—์„œ ๋ถˆํ•„์š”ํ•œ ์˜์—ญ์ด ๊ณต๊ฐ„์„ ์ฐจ์ง€ํ•˜๋Š” ๊ฒƒ์„ ๋ง‰๋Š”๋‹ค.

default: undefined

colorScale: RealMap.ChartConfiguration['colorScale'] | 'heatmap' | 'none' | { [measure: string]: PivotMapColorScale }

area ์ƒ‰์ƒ ์Šค์ผ€์ผ. ์ธก์ •๊ฐ’๋งˆ๋‹ค ๋‹ค๋ฅด๊ฒŒ ์ฃผ๋ ค๋ฉด { ์ธก์ •๊ฐ’์ด๋ฆ„: ... } ๋งต์œผ๋กœ ์ง€์ •ํ•œ๋‹ค.
์ธก์ •๊ฐ’๋ณ„๋กœ ๋‹ค์Œ ์šฐ์„ ์ˆœ์œ„๋กœ ๊ฒฐ์ •๋œ๋‹ค:

  1. ColorScale ๊ฐ์ฒด โ†’ ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉ(์˜ค๋ฒ„๋ผ์ด๋“œ)
  2. 'heatmap'(๋˜๋Š” ์ƒ๋žต) โ†’ ๊ทธ ์ธก์ •๊ฐ’์˜ ํ”ผ๋ฒ— ํžˆํŠธ๋งต ์„ค์ •์—์„œ ์ž๋™ ๋„์ถœ(ํžˆํŠธ๋งต์ด ์—†์œผ๋ฉด ๊ธฐ๋ณธ ์Šค์ผ€์ผ)
  3. 'none' โ†’ ์ƒ‰์น  ์•ˆ ํ•จ
    ์ƒ‰ ์™ธ ์˜ต์…˜(nullStep ๋“ฑ)๋งŒ ๋‹ด์€ ๊ฐ์ฒด๋ฅผ ์ฃผ๋ฉด ๋„์ถœ ๊ฒฐ๊ณผ์— ๋ณ‘ํ•ฉ๋œ๋‹ค.

default: undefined

projection: ProjectionType

์ง€๋„ ์ขŒํ‘œ ํˆฌ์˜ ๋ฐฉ์‹. ์œ„๊ฒฝ๋„(geojson) ์ง€๋„๋Š” 'mercator'๋กœ ํˆฌ์˜ํ•ด์•ผ ํ™”๋ฉด์— ๋งž๊ฒŒ ๋ฐฐ์น˜๋œ๋‹ค.

default: 'mercator'

axis: MapAxisOptions

์ง€๋„ ์ถ•(๊ฒฝ์œ„๋„ ๊ฒฉ์ž์„  ๋“ฑ) ์„ค์ •. ์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ๊ฒฉ์ž์„ ๋งŒ ํ‘œ์‹œํ•œ๋‹ค({ grid: { visible: true } }).
์ข์€ ์ง€์—ญ(์˜ˆ: ๋Œ€ํ•œ๋ฏผ๊ตญ)์€ ๊ธฐ๋ณธ ๊ฒฉ์ž step์ด ์ปค์„œ ์„ ์ด ์–ด์ƒ‰ํ•˜๊ฒŒ ํ•œ๋‘ ๊ฐœ๋งŒ ๊ทธ๋ ค์งˆ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ, { grid: { line: { step: 1 } } }์ฒ˜๋Ÿผ step์„ ์ค„์ด๊ฑฐ๋‚˜ { grid: false }๋กœ ๋Œ ์ˆ˜ ์žˆ๋‹ค.

default: undefined

xAxis: 'column' | 'row'

์ฐจํŠธ์˜ x์ถ•(๋ฒ”์ฃผ)์— ํ”ผ๋ด‡ํ…Œ์ด๋ธ”์˜ ํ–‰/์—ด ์ค‘ ๋ฌด์—‡์„ ๋งคํ•‘ํ• ์ง€.

default: 'row'

pin: { style: SVGStyleOrClass; }

์„ ํƒ ์ง€์—ญ ํ•€์˜ ์Šคํƒ€์ผ. ์˜ˆ์ œ๋งˆ๋‹ค ํ•€ ๋ฐฐ๊ฒฝ์ƒ‰ยท์™ธ๊ณฝ์„ ์„ ๋‹ค๋ฅด๊ฒŒ ์ฃผ๊ณ  ์‹ถ์„ ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค.
style์€ ๊ธฐ๋ณธ ํ•€ ์Šคํƒ€์ผ(ํŒŒ๋ž€ ๋ฐฐ๊ฒฝ #3b82f6 + ๊ฒ€์ • ์™ธ๊ณฝ์„ )์— ๋ณ‘ํ•ฉ๋˜๋ฏ€๋กœ, ์ผ๋ถ€๋งŒ ์ง€์ •ํ•˜๋ฉด(์˜ˆ: { fill: 'red' }) ๋‚˜๋จธ์ง€ ๊ธฐ๋ณธ๊ฐ’์€ ์œ ์ง€๋œ๋‹ค.

default: undefined