scouter-paper
scouter-paper copied to clipboard
줌차트-2. 줌 차트에 시리즈 토글 기능 추가
줌차트-2. 줌 차트에 시리즈 토글 기능 추가
현재 오보젝트의 토글은 <ObjectSelector>에서 처리되며, 사용자가 on/off한 오브젝트 정보를 filterMap이라는 이름으로 redux를 통해 관리됩니다. 추가되는 줌 차트의 내부가 만약 <LineChart>를 재사용한다면, 해당 컴포넌트의 props로 시리즈에서 전달되는 on/off 정보를 <LineChart>로 전달하고 <LineChart> 내부에서 전달된 시리즈의 on/off 와 redux의 filterMap 데이터를 조율하여, 어떤 라인을 on/off할지 선택해야합니다. 이 부분은 구현 시점에서 만들려하는 차트의 모습에 따라 선택해야하는 부분이라고 생각합니다.
만약 줌 차트는 현재 적용된 오브젝트 필터를 무시하고, 시리즈 차트만 적용하겠다고 하면, filterMap을 무시하고, 시리즈로 부터 전달된 on/off 정보만을 활용하도록 변경해야하며, 만약 초기값은 filterMap이고, 이 후 시리즈 정보가 우선순위를 가지도록 적용하려면, 초기 filterMap을 통해 시리즈의 on/off값을 세팅하여, state로 관리하고, 해당 state를 통해 라인의 on/off가 적용되도록 <LineChart>를 변경해야 합니다. 이때 변경 시 주의할점은 <LineChart>는 여전히 대시보드에서 사용되도 있으므로, 시리즈의 on/off 정보가 없더라도 정상적으로 동작하도록 변경되어야하는 것에 주의해야 합니다.