問題タブ [react-d3]

アイテム数の変化を動的に反映する円グラフを作成しています。項目数は数えることができましたが、項目を更新してから円グラフにデータを格納するポイントを積み上げました。

この質問を参照しました：動的円グラフを作成するために状態を変更するにはどうすればよいですか?

同じ方法を実行しましたが、円グラフでデータが更新されません。

円グラフのイメージ

5つの質問カテゴリがあります。

商品イメージ

ユーザーはアイテムを追加および削除できます。アイテムの数は、円グラフに動的に反映される必要があります。とりあえず質問1のカテゴリだけ作りました。

コード

私の質問を読んでくれてありがとう。

D3ツリーをレンダリングするReactコンポーネントがあります。コード スニペットを以下に示します。

内部renderTree()( React 関数ではありません) には、次のコード スニペットがあります。

これが Js からReact の contextmenu を呼び出す間違った方法であることはわかっていますが、どうすればこれを実現できますか? 私はrefsを使ってみました

しかし、D3Treeコンポーネントは別のファイルから呼び出されているため、取得しています

this.D3Tree は定義されていません。

React 関数である contextmenu をどのように呼び出す必要がありますか?

JSONデータセットのフィールドに基づいて、react-d3-treemapの長方形にカスタムカラーを与える方法は? d3 ツリーマップは、json で渡されたデータに従って色を変更する必要があります。ここでは、npm モジュールの react-d3-treemap を使用してツリーマップを生成しています。このユースケース以外はすべて正常に動作します。データセットの名前フィールドが analytics i want a specific color であるとします。

JSON データ

そして、反応する側は..

JSON データで、値が "name": "cluster" の場合、その四角形に特定の色が必要ですが、これを実現するにはどうすればよいですか? 解決策や提案は??

react-d3-componentsD3チャートに使用しています。棒グラフを正常に生成しています。しかし、私の要件は、水平棒グラフを生成することです

そして、横棒グラフを出力する必要があります。

以下を使用してd3ライブラリをインポートしています：

しかし、それは私にこのエラーを与えます:

その理由は、コードが d3 v3 を使用しており、d3 v4 をインポートしているためです。代わりに d3 v3 を使用するように制限するにはどうすればよいですか? package.json では、d3 バージョンは次のようになります。