問題タブ [recharts]

したがって、2 つのコンポーネント (index.jsとStats.js) があります。統計の中に Recharts の円グラフがあり、データ配列はそのファイルの中にあります。data 内の'Value'オブジェクトは任意の数値ですが、 内の他のオブジェクトの状態からその値を取得したいと考えていますindex.js。内部には、状態値index.jsを持つ 3 つのオブジェクトがあります。proteins, fats, carbsこれらの値を取得して、データ配列の中に入れたいと思います。

これはコードがどのように見え、エラーなしで実行されるかです: index.js

Stats.js

Stats.js配列の下でこれを実行してdata02、carbsG fatsG と proteinG の状態を取得しようとしましたが、値を取得できませんでした

このような丸みを帯びた棒グラフを作成したいのですが、棒が逆になっています

しかし、逆のプロップをXAxisコンポーネントに追加すると、次のようになります。

Recharts の例の 1 つから実行したコードを次に示します。

更新-逆のプロップを削除して、負の値のデータを追加して、同じ逆バーが発生し、結果が同じかどうかを確認してみました。したがって、値が負でバーが垂直レイアウトの場合、丸みを帯びた角はたま​​たまこのように動作するように見えます。何が起こっているのか誰にもわかりません。

更新- これは Recharts 側のバグであり、新しいバージョンで修正されたようです