問題タブ [recharts]

I have a function where the data comes in random order and not in one block. This is my array:

And the following chart code

The issue is, my highest visitors value is lower on the chart than the first. (Reminder: He is 5 times greater than the first one).

There is some problem inside my code? Or is this an issue of recharts?

私がここにいるのは、recharts ライブラリを使用してグラフを作成しようとしていて、目的の結果を得るために何度も試みた後でもまだ得られていないためです。

ターゲット グラフィックは次のようになります。

棒グラフ、積み上げ棒グラフ、合成グラフ、エラーバーなど、さまざまなことを試しましたが、目的の結果が得られません。

これまでに得た最も近い結果は次のとおりです。

しかし、オレンジ色のバーの上に黒いバーを揃えようとすると（stackIdプロップを使用）、次のようになります。

このライブラリで必要なグラフィックを取得できるかどうか誰かが知っていますか? どんな助けでも大歓迎です。

2 番目のグラフィックのコードは次のとおりです。

3 番目のグラフィックのコードは同じですが、prop stackId="0" を両方のバーに追加します。

私を助けることができる人に前もって感謝します。

次のコードがあります。

凡例が占める高さまたは行数に基づいて、チャートの cy 位置を変更しようとしています。現在、グラフは凡例と重なっており、ハード パーセンテージではなく比率に基づいて描画する必要があります。