🎉 RealChart v1.1.13 is released. Read more →
Config
config
options

options

차트 전체에 영향을 미치는 옵션들.

const config = {
     options: {
         theme: 'dark',
     },
};

Options

animatable: boolean

false로 지정하면 차트 전체척으로 animation 효과를 실행하지 않는다.

default :true

axisGap: number

복수 axis가 표시되는 경우 axis 사이의 간격

default :8

colors: string[]

시리즈 옵션 colorByPoint가 true일 때 적용되는 데이터포인트들의 색상 목록. 시리즈 옵션 colors가 지정되면 이 속성은 무시된다.

credits

크레딧 모델.

palette: string

시리즈 및 데이터포인트에 적용되는 기본 색상 팔레트 이름.

paletteMode: 'normal'|'random'|'shuffle'

palette로 지정된 팔레트 색상들을 시리즈에 적용하는 방식.

  • 'normal' 순서대로 가져오고 끝에 도달하면 처음으로 돌아간다.
  • 'random' 임의 위치의 색상을 가져온다.
  • 'shuffle' 첫 색상을 가져오기 전 항목들을 섞는다.

default :'normal'

pointHovering

데이터포인트에 마우수가 올라갈 때 처리하는 방식.

seriesHovering: boolean

데이터포인트에 마우스가 올라가면 나머지 시리즈들을 반투명 처리해서 연결된 데이터포인터의 시리즈를 강조한다.

default :false

startOfWeek: number

한 주의 시작 요일.
ex) 0: 일요일, 1: 월요일

[주의] 차트 로딩 후 변경할 수 없다.

default :0

style: SVGStyles|string

스타일셋 또는 css selector (opens in a new tab).

theme: string

theme 이름.
realreport-style.css에 기본 theme이 정의되어 있다.

timeOffset: number

javascript에서 숫자 단위로 전달되는 날짜값은 기본적으로 local이 아니라 new Date 기준이다. 그러므로 보통 숫자로 지정된 날짜값은 utc 값이다. local 기준으로 표시하기 위해, 숫자로 지정된 날짜값에 더해야 하는 시간을 분단위로 지정한다.
ex) 한국은 -9 * 60

명시적으로 지정하지 않으면 현재 위치에 따른 값으로 자동 설정된다.
[주의] 차트 로딩 후 변경할 수 없다.

default :지역시간의 timezone offset.

visible: boolean

표시 여부.

default :true

xStart: number

x축 값이 설정되지 않은 시리즈 첫번째 데이터 point에 설정되는 x값.
이 후에는 xStep씩 증가시키면서 설정한다. 시리즈의 xStart가 설정되면 그 값이 사용된다. 값이 지정되지 않으면 'log' 축일 때 1, 아니면 0으로 계산된다.

xStep: string|number

x축 값이 설정되지 않은 데이터 point에 지정되는 x값의 간격.

첫번째 값은 xStart로 설정한다. time 축일 때, 정수 값 대신 시간 단위('y', 'm', 'd', 'h', 'n', 's')로 지정할 수 있다. 시리즈의 xStep이 설정되면 그 값이 사용된다.

default :1

configcredits