API
API
SliderSelectorOptions

SliderSelectorOptions extends FilterSelectorOptions

μŠ¬λΌμ΄λ” selector μ˜΅μ…˜.
연속 λ²”μœ„ μŠ¬λΌμ΄λ”λ‘œ, λ‚ μ§œμ— κ΅­ν•œν•˜μ§€ μ•Šκ³  μž„μ˜μ˜ 수치 λ²”μœ„λ₯Ό μ§€μ›ν•œλ‹€.

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'

min: number (opens in a new tab) | Date (opens in a new tab)

μŠ¬λΌμ΄λ” μ΅œμ†Œκ°’.
μ§€μ •ν•˜μ§€ μ•ŠμœΌλ©΄ 데이터 λ²”μœ„μ—μ„œ μžλ™ μ‚°μΆœν•œλ‹€.

default: undefined

max: number (opens in a new tab) | Date (opens in a new tab)

μŠ¬λΌμ΄λ” μ΅œλŒ€κ°’.
μ§€μ •ν•˜μ§€ μ•ŠμœΌλ©΄ 데이터 λ²”μœ„μ—μ„œ μžλ™ μ‚°μΆœν•œλ‹€.

default: undefined

step: number (opens in a new tab)

μŠ¬λΌμ΄λ” 이동 λ‹¨μœ„(step).
μ§€μ •ν•˜μ§€ μ•ŠμœΌλ©΄ 연속(continuous) μ΄λ™ν•œλ‹€.

default: undefined

labelPosition: SliderLabelPosition

range λ ˆμ΄λΈ” μœ„μΉ˜.

  • 'bottom': μŠ¬λΌμ΄λ” μ•„λž˜μ— ν‘œμ‹œ
  • 'side': μŠ¬λΌμ΄λ” μ’Œμš°μ— ν‘œμ‹œ
  • 'auto': simple λͺ¨λ“œμ—μ„œ labelκ³Ό track을 μΆ©λΆ„νžˆ ꡬ뢄할 수 있으면 'side', κ·Έλ ‡μ§€ μ•ŠμœΌλ©΄ 'bottom'으둜 μžλ™ κ²°μ •

default: 'auto'

labelFormatter: (value: number (opens in a new tab)) => string (opens in a new tab)

값을 λ ˆμ΄λΈ” ν…μŠ€νŠΈλ‘œ λ³€ν™˜ν•˜λŠ” 포맀터 ν•¨μˆ˜.
μ§€μ •ν•˜μ§€ μ•ŠμœΌλ©΄ κΈ°λ³Έ toString()을 μ‚¬μš©ν•œλ‹€.

default: undefined

trackHeight: number (opens in a new tab)

μŠ¬λΌμ΄λ” λ°”(track) 높이(px).

default: undefined (λΈŒλΌμš°μ € κΈ°λ³Έκ°’ μ‚¬μš©)

handleRadius: number (opens in a new tab)

ν•Έλ“€ λ°˜μ§€λ¦„(px).

default: undefined (λΈŒλΌμš°μ € κΈ°λ³Έκ°’ μ‚¬μš©)

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

헀더에 ν‘œμ‹œλ˜λŠ” simple λͺ¨λ“œμ—μ„œ μ…€λ ‰ν„°μ˜ μ΅œλŒ€ λ„ˆλΉ„(px).
숫자둜 μ§€μ •ν•˜λ©΄ px λ‹¨μœ„λ‘œ ν•΄μ„ν•œλ‹€. λ¬Έμžμ—΄λ‘œ μ§€μ •ν•˜λ©΄ '%' λ“± CSS width κ°’μœΌλ‘œ ν•΄μ„ν•œλ‹€.

default: 'auto'

simpleMinTrackWidth: number (opens in a new tab)

헀더에 ν‘œμ‹œλ˜λŠ” simple λͺ¨λ“œμ—μ„œ νŠΈλž™(μŠ¬λΌμ΄λ” λ°”)의 μ΅œμ†Œ λ„ˆλΉ„(px).
μ»¨ν…Œμ΄λ„ˆκ°€ 쒁아도 νŠΈλž™μ΄ 이 κ°’ μ•„λž˜λ‘œ 쀄어듀지 μ•Šλ„λ‘ ν•˜μ—¬ λ“œλž˜κ·Έ μ‚¬μš©μ„±μ„ 보μž₯ν•œλ‹€.
μ»¨ν…Œμ΄λ„ˆκ°€ μΆ©λΆ„νžˆ λ„“μœΌλ©΄ νŠΈλž™μ΄ 이미 이 값보닀 μ»€μ§€λ―€λ‘œ 영ν–₯을 μ£Όμ§€ μ•ŠλŠ”λ‹€.
simpleMaxTrackWidth보닀 크게 μ§€μ •ν•˜λ©΄ max κ°’μœΌλ‘œ clampλœλ‹€.

default: 100

simpleMaxTrackWidth: number (opens in a new tab)

헀더에 ν‘œμ‹œλ˜λŠ” simple λͺ¨λ“œμ—μ„œ νŠΈλž™ μ˜μ—­(λ ˆμ΄λΈ” + νŠΈλž™)의 μ΅œλŒ€ λ„ˆλΉ„(px).
μ»¨ν…Œμ΄λ„ˆκ°€ 넓을 λ•Œ νŠΈλž™μ΄ κ³Όλ„ν•˜κ²Œ λŠ˜μ–΄λ‚˜λŠ” 것을 λ§‰λŠ”λ‹€.
λ ˆμ΄λΈ”κ³Ό νŠΈλž™ 끝 정렬을 μœ μ§€ν•˜κΈ° μœ„ν•΄ νŠΈλž™μ΄ μ•„λ‹ˆλΌ λ ˆμ΄λΈ”μ„ ν¬ν•¨ν•œ ν–‰ 전체에 μ μš©λœλ‹€.

default: undefined