recharts

1熱

1答えて

コンテンツで凡例コンポーネントをレンダリングしようとしたときに、このエラーが発生しました。 warning.js：36警告：不明小道具verticalAlign、layout、align、iconType、iconSize、、chartWidth、chartHeight、タグにmargin、onBBoxUpdate。これは、それは未知の小道具は、私はこれらの親が子コンポーネントで小道具削除す

0熱

1答えて

新規作成]をクリックし

私はreact.js本当に新たなんだと、まだ私は、ユーザーがテーブルの行を選択したときだけ（新しいページとしてReChartコンポーネントをレンダリングしたいの練習にコンポーネント（chartpage）と反応データを視覚化する）。私はこのような何かを試してみました：は handleRowSelection(selectedRows) { console.log('selectedRows:

0熱

1答えて

最後のティックがレンダリングされないようにする方法は？ 'recharts'ライブラリを使用する

私はreversed yAxisのグラフを持っています。最後のチェック（この場合は8番）のレンダリングを防止するにはどうすればよいですか？ Here is a jsfiddle

2熱

1答えて

ReCharts：中心に2つのラベルがあるドーナツチャート

ドーナツチャートは、私が行った中央に2つの重ねたラベルを追加する必要があります。私が理解できないのは、間に少し垂直なスペースを追加する方法です。 ReChartsはこれらの行を両方ともSVGとしてレンダリングします。グラフはレスポンシブなコンテナにあり、ハードコードされた値はありません。私は中央で単一のラベルを取得する方法を知っていますが、グラフ全体のレンダリングメソッドを記述することなく2つの別

2熱

1答えて

レスチャートコンテナを使用した円チャートのセンタリング

私はrechartsを使用して円グラフを作成しています。この例を見ると、http://recharts.org/#/en-US/examples/PieResponsiveContainer円グラフはResponsiveContainerコンポーネントを使用して中央揃えにすることができます。しかし、私の試みは失敗しました：https://codesandbox.io/s/ll68p643xl。ビ

1熱

1答えて

ReChartは、私がrechartからBarChartコントロールを持っている

複数のバーを描画しない： http://recharts.org/#/en-US/api/BarChart 私が持っている問題は、それが最初の値に等しい場合を除き、私のチャートの第二のバーはレンダリングされませんということですバー。あなたはデータ配列のvaluePostキーが表示された場合は、3 const {BarChart,ResponsiveContainer,Text, Bar, XAx

0熱

1答えて

Xaxisに表示された目盛りの数

私はRecharts.jsを使用して自分のウェブサイトの図表を作成しています。私はX軸に使用しているカスタムチックを持っていますが、チャートがレンダリングされるときに実際に表示されるのは2つだけです。ドキュメントを検索しましたが、表示されたティック数を制御するものがわかりません。 <XAxis name="city" dataKey="format" tick={<CustomTick/>}/

0熱

1答えて

RechartsコンポーネントをPNGに

現在、私はPNGファイルとしてエクスポートしたいRechartsコンポーネントを持っています。 <LineChart id="currentChart" ref={(chart) => this.currentChart = chart} width={this.state.width} height={thi

0熱

1答えて

反応グラフを使用して直線のみを描く方法

反応グラフを使用しようとしています。私はこのようなチャートが必要ですchart with straight lines しかし、私は直線を描くことはできません。私は何かを間違って使用しようとします <Line points={[{x:0, y:900}, {x:dataWithDay.lenght-1, y:900}]} stroke="gray" dot={false}/> そして、私にとっ

0熱

1答えて

Rechartsでアニメーションの時間を遅くするには？

私はCSS部分で試してみましたが、それが= {本当}がある isAnimationActiveを動作しません私はrechartsでアニメーションを遅くしようとしていたが、私はそれについてどんな考えを取得できませんでした。.. アニメーションを有効にする isAnimationActive = {偽}はは、これは私のコードで、アニメーションはアニメーション時間を処理するために、とにかくそこで無