問題タブ [victory-charts]
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.
react-native - テキストを折り返す方法、または「改行」文字を勝利の折れ線グラフの X 軸ラベルに挿入する方法
勝利の折れ線グラフで x 軸のラベルを表示すると、ラベルが 1 行に表示されるので、ラベルを折り返して表示したいと考えています。下の 2 つの画像を参照して、現在何をしているのか、何をしたいのかを確認してください。
現在起こっていること
下の画像は、私がやりたいことです。私が欲しいもの
カスタムラベルテキストを提供するために tickFormat に関数を作成しましたが、その部分は機能しています。
javascript - colorScale プロパティは VictoryPie では機能しますが、VictoryLegend では機能しません
を使って円グラフを表示していVictoryPieます。ラベルが奇妙に重なり合っているので、VictoryLegend だけを使用したいと思います。この例を見つけましたjsfiddle: https://jsfiddle.net/boygirl/1Lu96jq0/
jsfiddle の例ではcolorScale、次のように 内で色を指定しています。colorScale={["tomato", "orange", "gold"]}
ただし、私の円グラフは動的であり、ユーザーの入力に依存するため、必要な色数を予測できません。VictoryPie で行うように、VictoryLegend 内で試しcolorScale="blue"てみました。円グラフは正しいですが、凡例のラベルはすべて黒です。余談ですが、私の実装のラベルも、例のように縦に積み上げて表示されるのではなく、ページ全体に横に広げて表示されます。
私のレンダリングは次のようになります。
javascript - Reanmited Value から数値を取得するには?
React Native reanimated を使用して簡単なアニメーションを作成しましたが、Reanimated Value の数値にアクセスできません
私は勝利のネイティブ円グラフを使用しており、円の角度が 0 から 360 になるという単純な効果を作りたいのですが、react-native アニメーション API を試してみました。これはリスナーの追加でうまく機能しますが、パフォーマンスの問題のために蘇生を使用したい
グラフが 0 から 360 で始まる、探しているアニメーション効果
反応ネイティブのアニメーション API で正しく実行:
蘇生で目的の出力を達成するにはどうすればよいですか?