問題タブ [react-d3]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
d3.js - 反応ネイティブ アプリに react-d3 を追加するとエラーが発生する
私は をreactJS使い始めたばかりで、 を使い始めたばかりreact-nativeです。
react-d3npm install --save-dev react-d3 を使用して追加しましたが、アプリを更新または再構築すると、次のようになります。
react-d3ライブラリから削除またはアンインストールすると、正常に動作します。
ありがとう
javascript - React を 0.13.2 にアップグレードすると、"Uncaught TypeError: Cannot read property '_currentElement' of null" が発生します。
React バージョンを 0.12.2 から 0.13.2 に、React-Router を 0.12.4 から 0.13.2 にアップグレードしました。これら 2 つのアップグレードだけを実行すると、Web ページ/アプリを読み込むときに次のエラーが表示されます。
これを引き起こしている可能性のあるアイデアはありますか？React-Router の潜在的なバグへの言及がいくつかあるようですが、決定的なものはありません。
エラーの原因となる特定の行は次のとおりです。
更新 1: @BinaryMuse のコメントに基づいて、reactify をバージョン 1.0.0 から 1.1.0 にアップグレードし、react-router-bootstrap (実際にはまだ使用していません) を 0.9.1 から 0.13.0 にアップグレードしました。変更はありません。
更新 2:さらにテストした後、これをreact-d3の問題に絞り込みました。サイトから react-d3 コードを無効にすると、エラーが解消されます。反応ルーターがこの問題を引き起こしていないことを確信しているので、投稿をより簡潔にするためにルーティング コードを削除しています。
更新 3: react-d3の新しいタグを作成してくれた @CoryDanielson に感謝します。
パッケージ.json
svg - React D3 x軸テキストの傾き - 変換プロパティにアクセスするには? tickFormat?
React-D3 で棒グラフを使用しています:
x 軸のラベルが互いにぶつかり合っているので、読みやすくするために回転させたいのですが、
ReactレンダリングなしでD3のためにここで解決された問題: http://www.d3noob.org/2013/01/how-to-rotate-text-labels-for-x-axis-of.html
このソリューションを React-D3 パッケージに組み込むにはどうすればよいですか?
'text' または 'tick' の 'transform' プロパティにはどこからアクセスできますか?
BarChart.js で「xAxisTransform」としてプロップを渡そうとしましたが、登録されませんでした。
tickFormat 関数を使用して目盛りのテキストを変更する必要がありますか?
/common/axes/AxisTicks.js からティックを操作できますか? https://github.com/esbullington/react-d3/issues/162
javascript - ReactD3: series attribute is not found in reactD3Basic object
I'm trying to use reactd3 library in my project. And I get an error:
In the line (in the library code):
Because _reactD3Basic doesn't contain attribute series.
Can you help me? Why is it?
d3.js - ガント チャート
この質問はD3 のガント チャートに関連してい
ます https://www.angular-gantt.com/demo/
で AngularJS にかなり近い実装が利用できるようです。React に相当するものはありますか? http://www.reactd3.org/とhttps://github.com/FormidableLabs/victoryを確認しましたが、現時点ではガント機能をシームレスに備えているものはありません。
Reactでこれを行う最善の方法は何でしょうか。折りたたみ可能な行とブラシは、Angular Gantt の魅力的な機能です。
これ - http://bl.ocks.org/dk8996/5538271は私が得た最も近いものですが、これを選択する前に React 実装がまだないことを確認したいだけです。
d3.js - React で SVG をレスポンシブにする
いくつかの D3 コンポーネントを反応させるために、レスポンシブ ユーティリティ コンポーネントに取り組んでいます。しかし、私は SVG に関する深い知識を持っていません。github のこの問題に基づいてレスポンシブ ユーティリティを作成しました。ただし、それは完全には機能していません。グラフをレンダリングするだけですが、width渡さheightれたものではなく、非常に小さな幅と高さでレンダリングされます。また、サイズ変更も行いません。
javascript - react-d3-basic を使用して月の棒グラフを作成する
xScale に月を表示し、yTicks にドルを表示する棒グラフの作成に問題があります。ある月の売上高を表示したい。
したがって、私が対処する必要があるのは次のとおりです。
a- xScale を月の文字列に設定 - 「jan、feb etc....」
b- y を数百または数千単位でドルを使用するように設定します。
これは私のコードです:
コードでわかるように、xScale で月の文字列を使用すると、注文が読み取られません。
今、私はこのようなかなり醜いグラフを持っています...
