차트개발 (1) 썸네일형 리스트형 [Highcharts] scatter 그래프 - 구간에 따른 marker 색상 구분 조금이라도 더 오래 기억하기 위해 남겨두는 기록! 기존 그래프에서 좀 더 가독성을 위해 차트를 조금 수정해야 했다. 먼저, 기존 차트의 뷰가 어떻게 나오는지 봐보자. 위와 같은 뷰에서 가운데 파란 구분선(y값: 0)을 기준으로 음수값은 빨간색, 양수값은 기존 색상을 유지하고 싶었다. 코드는 다음과 같다. 여기서 점박이를 그려주는 핵심은 'series'부분이다. DB에서 받아오는 series의 data를 살펴보면, 아래와 같은 형식의 데이터 값이 들어있고, 이 데이터 값을 가지고 y가 음수인 경우에 점박이를 빨간색으로 변경해주려고 했다. 이를 위해 정말 많은.. 그야말로 삽질을 계속했는데..... // 1: series의 data 부분 data: charts.scatter.map(item => { retu.. 이전 1 다음
