동일한 필드 값을 가진 간트 차트 요소를 한 행에 배치합니다.

Question

아무것도 못 사요

아래 첨부한 사진을 봐주세요 간트 차트

그리고 저는 이 차트를 표시할 모든 값을 이미 가지고 있습니다. 결과도 두 번째 그림과 같습니다. 마이간트 차트

그러나 내가 얻고 싶은 것은 이것이 아니다.

제 말은: 두 번째 그림을 보면 기계 1, 기계 2 등의 이름이 표시된다는 것입니다. 그러니까 중복인데, 동일한 machine_id를 가진 값들을 그룹화해서 그래프의 같은 행에 표시해야 합니다. 처음에는 그러한 기계가 몇 개 있는지, 각 그룹에 몇 개의 요소가 있는지 알 수 없었습니다. -> 이 모든 데이터는 나중에 다음 코드를 사용하여 axios에서 얻었습니다. 으아악

도와주실 수 있나요? 아니면 이 사실을 알고 나를 도와줄 수 있는 사람을 알고 계십니까? ​​

Answer 1

차트를 Timeline해볼 수 있습니다.

코드 샌드박스: https://codesandbox.io/s/ agitated-kowalevski-i3mlj6?file=/App.tsx