Issue#78 #100 /change running bar red,blue + runnning chart scroll

[rkdwoals159]

개요

• 이슈 #78 #100 두가지를 처리했습니다.

작업사항

• 러닝차트 기존 랜덤색상을 빨강/파랑으로 처리했습니다.
• 러닝/트리차트의 value정도에 따라 opacity로 명도를 다르게 나타내던 부분을 scale로 변경했습니다.
• 러닝차트에서 컨테이너 높이 이상으로 bar가 생성되는경우 스크롤을 구현했습니다.

생각해볼점

• mui theme을 이용해 색상을 스케일처리해보고싶었는데 마땅히 시도할 할 방법이 생각나지않아 임의로 색상 스키마를 찾아 색상코드를 저장하고, 배열로 구현했습니다.
• 러닝차트와 트리맵의 빨강색이 약간 다릅니다. 러닝차트는 max값이 전체 데이터들의 절댓값들(음수포함)중 최대값이고, 트리맵은 데이터의 기본값(양수만)들 중 최대값이기 때문입니다..

  이미지