API
API
TimelineSelectorOptions

TimelineSelectorOptions extends FilterSelectorOptions

ํƒ€์ž„๋ผ์ธ selector ์˜ต์…˜.
์ด์‚ฐ ๋ธ”๋ก(discrete blocks) ๋ฐฉ์‹์œผ๋กœ ๊ธฐ๊ฐ„์„ ์„ ํƒํ•œ๋‹ค.
header ์˜์—ญ์— ๋ฐฐ์น˜ํ•  ์ˆ˜ ์—†๋‹ค.

Options

name: string (opens in a new tab)

์…€๋ ‰ํ„ฐ ์ด๋ฆ„.
[์ฃผ์˜] ์ƒ์„ฑ ์‹œ ํ•„์ˆ˜์ด๋ฉฐ, ์ƒ์„ฑ ํ›„์—๋Š” ๋ณ€๊ฒฝํ•  ์ˆ˜ ์—†๋‹ค.

default: undefined

visible: boolean (opens in a new tab)

์…€๋ ‰ํ„ฐ ํ‘œ์‹œ ์—ฌ๋ถ€.

default: true

cube: string (opens in a new tab)

selector๊ฐ€ ์—ฐ๊ฒฐ๋  DataCube ์ด๋ฆ„.
์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ๊ธฐ๋ณธ DataCube์— ์—ฐ๊ฒฐ๋œ๋‹ค.

default: undefined

slicer: string (opens in a new tab)

selector๊ฐ€ ์—ฐ๊ฒฐ๋  ํ๋ธŒ ์Šฌ๋ผ์ด์„œ ํ•„ํ„ฐ ์ด๋ฆ„.

default: undefined

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

selector๊ฐ€ ์ ์šฉ๋  ํ…Œ์ด๋ธ” ๋ชฉ๋ก.
์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ๋ชจ๋“  ํ…Œ์ด๋ธ”์— ์ ์šฉ๋œ๋‹ค.

default: undefined

position: 'both' | 'header' | 'panel'

selector๊ฐ€ ํ‘œ์‹œ๋  ์œ„์น˜.

  • header: ํ—ค๋” ์˜์—ญ์— ํ‘œ์‹œ.
  • panel: ํ•„ํ„ฐ ํŒจ๋„์— ํ‘œ์‹œ.
  • both: header์™€ panel ๋ชจ๋‘์— ํ‘œ์‹œ.

default: 'panel'

unit: TimelineUnit

ํƒ€์ž„๋ผ์ธ ์‹œ๊ฐ„ ๋‹จ์œ„.
availableUnits์ด ๋น„์–ด์žˆ์ง€ ์•Š๊ณ  ํ˜„์žฌ ๋‹จ์œ„๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์ง€ ์•Š์œผ๋ฉด, availableUnits์˜ ์ฒซ ๋ฒˆ์งธ ๋‹จ์œ„๋กœ ๋ณ€๊ฒฝ๋œ๋‹ค.

default: 'months'

availableUnits: Array (opens in a new tab)<TimelineUnit>

์‚ฌ์šฉ์ž๊ฐ€ ์ „ํ™˜ ๊ฐ€๋Šฅํ•œ ์‹œ๊ฐ„ ๋‹จ์œ„ ๋ชฉ๋ก.
๋ชฉ๋ก์ด ๋น„์–ด ์žˆ์œผ๋ฉด unit์œผ๋กœ ์ง€์ •ํ•œ ๋‹จ์œ„๊ฐ€ ํ‘œ์‹œ๋˜๊ณ  ์‚ฌ์šฉ๋œ๋‹ค.

default: ['years', 'quarters', 'months', 'days']

daysLayout: 'list' | 'calendar'

days ๋‹จ์œ„์—์„œ ๋ธ”๋ก ๋ฐฐ์น˜ ๋ฐฉ์‹.

  • 'list': ๊ธฐ๋ณธ ์ˆœ์ฐจ ๋ธ”๋ก ๋‚˜์—ด
  • 'calendar': ์š”์ผ ๊ธฐ์ค€ 7์—ด ๋‹ฌ๋ ฅ ๋ฐฐ์น˜ (์ฃผ๋ง ์Šคํƒ€์ผ ํฌํ•จ)

default: 'list'

simpleWidth: string (opens in a new tab) | number (opens in a new tab)

ํ—ค๋”์— ํ‘œ์‹œ๋˜๋Š” simple ๋ชจ๋“œ์—์„œ ์…€๋ ‰ํ„ฐ์˜ ์ตœ๋Œ€ ๋„ˆ๋น„(px).
์ˆซ์ž๋กœ ์ง€์ •ํ•˜๋ฉด px ๋‹จ์œ„๋กœ ํ•ด์„ํ•œ๋‹ค. ๋ฌธ์ž์—ด๋กœ ์ง€์ •ํ•˜๋ฉด '%' ๋“ฑ CSS width ๊ฐ’์œผ๋กœ ํ•ด์„ํ•œ๋‹ค.

default: 'auto'

simpleListWidth: number (opens in a new tab)

ํ—ค๋”์— ํ‘œ์‹œ๋˜๋Š” simple ๋ชจ๋“œ์—์„œ ํŒ์—… ๋ฆฌ์ŠคํŠธ์˜ ์ตœ๋Œ€ ๋„ˆ๋น„(px).

default: 400

simpleListHeight: number (opens in a new tab)

ํ—ค๋”์— ํ‘œ์‹œ๋˜๋Š” simple ๋ชจ๋“œ์—์„œ ํŒ์—… ๋ฆฌ์ŠคํŠธ์˜ ์ตœ๋Œ€ ๋†’์ด(px).

default: 300