問題タブ [react-vis]

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.

0 投票する
0 に答える
122 参照

javascript - React-vis:verticalBarSeries バーに最小の高さを設定することは可能ですか?

値が 1 から 1.000.000 の間で変動する積み上げ縦棒シリーズ チャートを作成しているため、非常に低い値を示すバーは表示されません (上の x 軸の値は 1.000 で除算されます)。

ここに画像の説明を入力

すべてのバーに最小の高さを設定することはできますか? ライブラリを直接編集してみましたが、最小の高さを設定することは可能ですが、チャートには複数の棒セットが表示され、それぞれがチャートに対して独自の座標を持つため、重なっています。

ここに画像の説明を入力

ありがとうございました!

0 投票する
2 に答える
49 参照

javascript - React内のN個のオブジェクトで2D配列の状態を更新するには?

本題に入る前に、私はすでにこれらのような質問に言及したが、自分で解決策を見つけることができなかったことを述べておきたい.

React状態を2次元配列として更新していますか?

これが私の状態オブジェクトであるとしましょう

時間が経つにつれて、graphData は大きくなり、次のようになります。

現時点では、次のように処理しています。

明らかに、状態を直接変更してはならないというエラーが表示されます。それで、直接突然変異なしで同じことを達成する方法。少し遊んでみましたが、わかりませんでした。

0 投票する
1 に答える
809 参照

javascript - マウスカーソルに最も近いシリーズのデータ​​のみを表示するには、react-vis の Crosshair を取得するにはどうすればよいですか?

react-vis を使用して単純なデータ ビジュアライザーを作成していますが、最近マウスオーバーしたシリーズの y 値のみを十字線に表示する方法がわかりません。また、react-vis のドキュメントで指定されているイベント オブジェクトに関するドキュメントが見つからないようです。例えば:

イベントにはどのようなプロパティがありますか? これについては何も見つかりません。

これは、私がこれまでに持っている Chart コンポーネントのコードです。各シリーズの選択状態を配列に保存し(現在はコメントアウトされています)、そのシリーズの状態がtrueの場合にのみ十字線の値をそのシリーズに設定してみました: