colorAxis 속성이란 (colorAxis properties)

시리즈에 대한 색상 축을 설정 합니다.
차트 기본 속성 설정은 setOptions 의 colorAxis를 이용하여 정의 합니다.
색상 축은 gauge, solidgauge, wordcloud, sankey, dependencywheel 에선 작동하지 않습니다.

Info

name type required(default) description
ceiling number 선택 색상 축에 표시될 최댓값
dataClasses Array[object] 선택 데이터 클래스 관련 속성
floor number 선택 색상 축에 표시될 최솟값
gridLineColor color 선택(#ffffff) 색상 축의 그리드 라인 색상
gridLineDashStyle string 선택(solid) 색상 축의 그리드 라인 종류
값: "Solid", "ShortDash", "ShortDot", "ShortDashDot", "ShortDashDotDot", "Dot", "Dash", "LongDash", "DashDot", "LongDashDot", "LongDashDotDot"
gridLineWidth number 선택(1) 색상 축의 그리드 라인 너비
labels object 선택 색상 축의 레이블 속성
layout string 선택 색상 축의 레이아웃
값: "horizontal", "vertical" (미지정 시 범례 layout을 따름)
lineColor color 선택(#333333) 색상 축의 테두리 색상
marker object or null 선택 색상 축의 마커 속성
max number 선택(false) 시리즈에 maxColor 가 표시될 값
maxColor color 선택(#0022ff) 시리즈 값이 최댓값일 때 나타내는 색상
min number 선택 시리즈에 minColor 가 표시될 값
minColor color 선택(#e6e9ff) 시리즈 값이 최솟값일 때 나타내는 색상
reversed boolean 선택(false) 색상 축 반전 여부 설정
stops Array 선택(false) 색상 축의 색상을 세부적으로 설정
startOnTick boolean 선택(true) 색상 축이 눈금 위치에서 시작할지 설정합니다.
endOnTick boolean 선택(true) 색상 축이 눈금 위치에서 끝날지 설정합니다.
tickInterval number 선택(undefined) 색상 축 눈금 사이의 간격(축 값 기준)을 설정합니다.
tickPositions Array<number> 선택(undefined) 색상 축 눈금을 표시할 위치를 직접 지정합니다.
tickAmount number 선택(undefined) 색상 축에 표시할 눈금 개수를 지정합니다.
tickWidth number 선택(0) 색상 축 눈금선의 두께(px)를 설정합니다. 기본값이 0이라 눈금선이 표시되지 않습니다.
tickLength number 선택(5) 색상 축 눈금선의 길이(px)를 설정합니다.
tickColor color 선택(#333333) 색상 축 눈금선의 색상을 설정합니다.
tickPosition string 선택(outside) 색상 축 눈금선을 그라데이션 막대 바깥쪽에 그릴지 안쪽에 그릴지 설정합니다.
값: "outside", "inside"
showInLegend boolean 선택(true) 색상 축(그라데이션 막대)을 범례에 표시할지 설정합니다.
visible boolean 선택(true) 색상 축의 눈금, 라벨 등을 표시할지 설정합니다.
showFirstLabel boolean 선택(true) 색상 축의 첫 번째 눈금 라벨을 표시할지 설정합니다.
showLastLabel boolean 선택(true) 색상 축의 마지막 눈금 라벨을 표시할지 설정합니다.
allowDecimals boolean 선택(true) 색상 축 눈금에 소수를 허용할지 설정합니다.
minorTickInterval number or string 선택(undefined) 색상 축 보조 눈금의 간격(축 값 기준)을 설정합니다. "auto"이면 주 눈금 간격의 1/5입니다.
minorTickWidth number 선택(0) 색상 축 보조 눈금선의 두께(px)를 설정합니다. 기본값이 0이라 보조 눈금이 표시되지 않습니다.
minorTickLength number 선택(2) 색상 축 보조 눈금선의 길이(px)를 설정합니다.
minorTickColor color 선택(#999999) 색상 축 보조 눈금선의 색상을 설정합니다.
dataClassColor string 선택(tween) dataClasses에 색상을 지정하지 않았을 때 구간 색상을 정하는 방법을 설정합니다.
값: "tween", "category"
softMax number 선택(undefined) 색상 축 최대값의 하한을 설정합니다.
softMin number 선택(undefined) 색상 축 최소값의 상한을 설정합니다.
width number or string 선택(undefined) 색상 축(그라데이션 막대)의 너비를 설정합니다. 숫자는 px, 문자열 백분율은 그래프 영역 너비 기준입니다.
숫자(px) 또는 백분율 문자열 (예: "50%")
height number or string 선택(undefined) 색상 축(그라데이션 막대)의 높이를 설정합니다. 숫자는 px, 문자열 백분율은 그래프 영역 높이 기준입니다.
숫자(px) 또는 백분율 문자열 (예: "50%")
tickPositioner function 선택(undefined) 색상 축의 눈금 위치를 계산하는 함수를 설정합니다.
minorTicks boolean 선택(undefined) 색상 축에 보조 눈금을 표시합니다.
minorTicksPerMajor number 선택(5) 색상 축의 주 눈금 한 칸을 보조 눈금으로 몇 등분할지 설정합니다.
tickPixelInterval number 선택(72) 색상 축의 자동 눈금 계산 시 눈금 사이의 대략적인 간격(px)을 설정합니다.
minPadding number 선택(0) 색상 축에서 데이터 최소값 아래쪽에 둘 여백을 축 길이에 대한 비율로 설정합니다.
maxPadding number 선택(0) 색상 축에서 데이터 최대값 위쪽에 둘 여백을 축 길이에 대한 비율로 설정합니다.