색상자(ColorScale)
맵 area 등에 표시되는 색상 범위를 구간을 나누어 표시한다.
주로 맵 아래 표시되지만 좌우에 수직 구간으로 표시할 수도 있다.
설정
colorScale 항목에 설정한다. 둘 이상의 스케일을 배열로 지정할 수도 있다.
const config = {
colorScale: {
location: 'right',
stepCount: 6,
steps: [
{ from: 0, to: 50, color: '#d5deef' },
{ from: 50, to: 250, color: '#b1c9ef' },
{ from: 250, to: 500, color: '#8aaee0' },
{ from: 500, to: 1000, color: '#628ecb' },
{ from: 1000, to: 5000, color: '#395886' },
{ from: 5000, color: '#395886' },
],
},
};