API
API
Options
TimelineSelectorOptions

TimelineSelectorOptions extends FilterSelectorOptions

타임라인 selector 옵션.
이산 블록(discrete blocks) 방식으로 기간을 선택한다.
header 영역에 배치할 수 없다.

Options

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

사용자가 전환 가능한 시간 단위 목록.
목록이 비어 있으면 unit으로 지정한 단위가 표시되고 사용된다.

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

collapsed: boolean (opens in a new tab)

default: undefined

cube: string (opens in a new tab)

selector가 연결될 DataCube 이름.
지정하지 않으면 기본 DataCube에 연결된다.

default: undefined

daysLayout: 'list' | 'calendar'

days 단위에서 블록 배치 방식.

  • 'list': 기본 순차 블록 나열
  • 'calendar': 요일 기준 7열 달력 배치 (주말 스타일 포함)

default: 'list'

description: string (opens in a new tab)

default: undefined

label: string (opens in a new tab)

default: undefined

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

default: undefined

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

default: undefined

name: string (opens in a new tab)

셀렉터 이름.
[주의] 생성 시 필수이며, 생성 후에는 변경할 수 없다.

default: undefined

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

selector가 표시될 위치.

  • header: 헤더 영역에 표시.
  • panel: 필터 패널에 표시.
  • both: header와 panel 모두에 표시.

default: 'panel'

simpleListHeight: number (opens in a new tab)

헤더에 표시되는 simple 모드에서 팝업 리스트의 최대 높이(px).

default: 300

simpleListWidth: number (opens in a new tab)

헤더에 표시되는 simple 모드에서 팝업 리스트의 최대 너비(px).

default: 400

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

헤더에 표시되는 simple 모드에서 셀렉터의 최대 너비(px).
숫자로 지정하면 px 단위로 해석한다. 문자열로 지정하면 '%' 등 CSS width 값으로 해석한다.

default: 'auto'

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

type: 'timeline'

default: undefined

unit: TimelineUnit

타임라인 시간 단위.
availableUnits이 비어있지 않고 현재 단위가 포함되어 있지 않으면, availableUnits의 첫 번째 단위로 변경된다.

default: 'months'

visible: boolean (opens in a new tab)

셀렉터 표시 여부.

default: true