에러를 유발하는 xAxisScale함수가 호출되는 두가지의 경우가 있었는데 updateChart는 예외처리가 되었지만, initChart에서는 예외처리가 되지않았음을 확인하고 initChart함수를 수정
확대/축소가 이루어지면 renderOption의 translateX는 유지하고, renderCandleCount를 변경하고 translateX를 이용하여 renderStartDataIndex를 수정하는 방식으로 구현이 되어있어서 확대/축소시에 차트가 이동하는 버그가 있었다.
renderOption의 renderStartDataIndex를 유지하며 traslateX를 수정하는 방식으로 변경하기 위해서는 문서요소에 계속하여 좌우 이동값을 누적시키는 zoom이벤트를 사용하지않고 drag이벤트를 통해 마우스의 이동값을 얻어 문서요소들을 직접 이동시키는 방법으로 수정
생각해볼점
components/candleChart의 디렉토리안에 기존의 코드를 분리할 필요가 있을 것 같다. (너무 길어서 작업시 헷갈릴 때가 있음)
개요
작업사항
xAxisScale
함수가 호출되는 두가지의 경우가 있었는데updateChart
는 예외처리가 되었지만,initChart
에서는 예외처리가 되지않았음을 확인하고initChart
함수를 수정renderOption
의translateX
는 유지하고,renderCandleCount
를 변경하고translateX
를 이용하여renderStartDataIndex
를 수정하는 방식으로 구현이 되어있어서 확대/축소시에 차트가 이동하는 버그가 있었다.renderOption
의renderStartDataIndex
를 유지하며traslateX
를 수정하는 방식으로 변경하기 위해서는 문서요소에 계속하여 좌우 이동값을 누적시키는 zoom이벤트를 사용하지않고 drag이벤트를 통해 마우스의 이동값을 얻어 문서요소들을 직접 이동시키는 방법으로 수정생각해볼점
components/candleChart
의 디렉토리안에 기존의 코드를 분리할 필요가 있을 것 같다. (너무 길어서 작업시 헷갈릴 때가 있음)이미지