同じフィールド値を持つガント チャート要素を 1 つの行に配置します

Question

何も買えない

下に添付した写真をご覧ください。 ガントチャート

そして、このグラフを表示するためのすべての値がすでに揃っています。2 番目の図に示すように、結果も次のようになります。 マイガントチャート

しかし、これは私が望んでいることではありません。

これが言いたいことです。2 番目の写真を見ると、マシン 1、マシン 2 などの名前が表示されます。したがって、それらは重複していますが、同じmachine_idを持つ値をグループ化してグラフの同じ行に表示する必要があります。当初、そのようなマシンが何台存在するか、またそのような各グループにいくつの要素が存在するかは不明でした -> このデータはすべて、後に次のコードを使用して axios から取得されました:

リーリー ＃＃＃手伝ってもらえますか？それとも、このことを知っていて私を助けてくれる人を知っていますか?

Answer 1

タイムラインチャートを試すことができます。

コードサンドボックス: https://codesandbox.io/s/agitated-kowalevski-i3mlj6?file=/App.tsx