SplitOptions extends ChartItemOptions
SplitOptions의 기능을 사용하기 위해서는 'split'모듈이 필요하다. 자세한 설명은 guide/modules에서 확인할 수 있다.
분할(split) 모드 설정 옵션.
각 pane에 해당하는 x, y축이 반드시 존재해야 한다.
axis는 row, col 속성으로 위치를 지정한다.
시리즈는 xAxis, yAxis 설정에 따라 연결된 axis 위치에 따라 자동으로 결정된다.
Options
cols: number (opens in a new tab) | Array (opens in a new tab)<number (opens in a new tab) | '*' | ${number}>
x축 방향 분할 수, 또는 열(col)마다의 너비 목록.
숫자 하나로 지정하면 그 수만큼 같은 너비의 열로 나눈다.
배열로 지정하면 항목 수가 열 수가 되고, 각 항목이 그 열의 너비다.
숫자 항목은 픽셀 고정 크기이고, '*'로 끝나는 문자열 항목은 비율(가중치)이다.
'*'는 1이고, '1.65*'는 1.65다.
픽셀 항목을 먼저 빼고 남은 너비를 비율 항목들의 비율대로 나눈다.
픽셀 항목이 남은 너비보다 크면 남은 만큼만 차지하고, 항목이 하나뿐이면 값과 상관없이 전체를 차지한다.
크기는 축 영역과 gap을 뺀 pane 영역 기준이다.
열 번호와 배열 순서는 왼쪽 칸부터다.
예를 들어 cols: ['1.65*', '*']는 왼쪽 열이 오른쪽 열의 1.65배 너비이고,
cols: [200, '*']는 왼쪽 열을 200 픽셀로 고정하고 오른쪽 열이 나머지 너비를 차지한다.
inverted 차트에서는 열이 세로로 놓여 아래 칸부터 적용되고, 항목은 높이가 된다.
default :1
extendBody: boolean (opens in a new tab)
true로 지정하면 chart loading시 분할 pane들의 body에 설정하지 않은 속성들을 차트 기본 body의 설정에서 가져오도록 한다.
각 pane의 body 설정에서 별도로 지정할 수 있다.
default :true
gap: number (opens in a new tab)
default :0
panes: Array (opens in a new tab)<PaneOptions>
분할 pane별 개별 설정 옵션 목록.
각 항목은 PaneOptions으로 구성되며, row/col 위치와 body, legend 등을 개별 지정할 수 있다.
default :undefined
rows: number (opens in a new tab) | Array (opens in a new tab)<number (opens in a new tab) | '*' | ${number}>
y축 방향 분할 수, 또는 행(row)마다의 높이 목록.
숫자 하나로 지정하면 그 수만큼 같은 높이의 행으로 나눈다.
배열로 지정하면 항목 수가 행 수가 되고, 각 항목이 그 행의 높이다.
숫자 항목은 픽셀 고정 크기이고, '*'로 끝나는 문자열 항목은 비율(가중치)이다.
'*'는 1이고, '1.65*'는 1.65다.
픽셀 항목을 먼저 빼고 남은 높이를 비율 항목들의 비율대로 나눈다.
픽셀 항목이 남은 높이보다 크면 남은 만큼만 차지하고, 항목이 하나뿐이면 값과 상관없이 전체를 차지한다.
크기는 축 영역과 gap을 뺀 pane 영역 기준이다.
행 번호와 배열 순서는 아래 칸부터다.
예를 들어 rows: [120, '*']는 아래 행을 120 픽셀로 고정하고 위 행이 나머지 높이를 차지한다.
rows: ['*', '1.15*']는 위 행이 아래 행의 1.15배 높이다.
inverted 차트에서는 행이 가로로 놓여 왼쪽 칸부터 적용되고, 항목은 폭이 된다.
default :1
style: SVGStyles | string (opens in a new tab)
스타일셋 또는 css selector (opens in a new tab).
default :undefined
visible: boolean (opens in a new tab)
default :false