[Highcharts] "removePoint" 에러 해결

 

안녕하세요 :)

오늘은 하이차트 작업 중에 위와 같은 에러가 발생했습니다.

 

필터를 선택하면 필터에 따라 위의 플래그가 나타나는 기능을 구현 중이었습니다.

이런저런 실험을 진행해 보니 아무래도 차트를 리렌더링 하는 과정에 문제가 발생하는 듯합니다.

 

정확한 원인을 파악하지 못했지만, 이전에 하이차트가 기존의 데이터를 캐싱해 발생하는 문제를 겪어본 경험이 있어 관련 문제라 짐작하고 해결을 시도해 보았습니다.

 

저의 경우 리엑트를 사용하고 있기 때문에 리엑트 라이브러리에 관련 옵션이 있는지 살펴보았고 아래와 같은 설정이 가능하다는 것을 발견 했습니다.

immutable

Boolean

no

false

Reinitialises the chart on prop update (as oppose to chart.update()) - useful in some cases but slower than a regular update.

 

그리고 아래와 같이 immutable 옵션을 변경해주니 문제가 해결되었습니다.

<HighchartsReact highcharts={Highcharts} options={options} immutable={true} />