react-chartjs

0熱

1答えて

jsonファイルのデータをchart.jsのラベルとデータセットに渡すことができません

JSONデータを外部から読み込み、データセットとラベルに渡そうとしています。サーバーを起動すると、データは開発者オプションで呼び出されますが、棒グラフには反映されません。 APIを呼び出すためにfetch関数を使用しようとしましたが、ラベル（chart.jsのX軸を表す）とデータセット（グラフのY軸を表す）に呼び出す方法がわかりません。 js）。また、配列データを呼び出す方法がわかりません。私

0熱

1答えて

ズームとパンで反応する-chartjs-2、私は最近、私はズームと、それはタッチで、よりユーザーフレンドリーになるように機能をパン有効にする反応-chartjs-2（<a href="https://github.com/jerairrest/react-chartjs-2" rel="nofollow noreferrer">https://github.com/jerairrest/react-chartjs-2</a>）</p> <p>を使用してグラフ表示を実装している

ベースの画面。この機能を実装するために、私は反応hammerjsとchartjs-plugin-zoomをインストールしました。 import {Chart, Line} from 'react-chartjs-2'; import Hammer from 'react-hammerjs'; import zoom from 'chartjs-plugin-zoom' そして、私は com

0熱

1答えて

これはバグですか？円グラフの値は2回react-chart.jsとChart.PieceLabel.jsを示しました

react-chart.jsとChart.PieceLabel.jsを使用して円グラフを作成しました。私は円グラフのスライスの価値を示すことができました。私はこの質問のおかげで％で値を示すことができましたDisplaying pie chart data value of each slices using react-chartjs-2 しかし、不思議なことに2つの値（白と黒の2つ）が現れました

1熱

2答えて

npmパッケージマネージャなしでreact-chartjs-2を使用するには

npmを使用してライブラリを管理することはできませんので、ブラウザで直接使用する可能性を検討しています。 https://www.npmjs.com/package/react-chartjs-2 それはこれが可能である方法を指定し、どのようにそれを使用するために、任意のドキュメントがあります。

0熱

1答えて

棒グラフの最小数として0を設定することはできますか？ react-chart.js-2

私はreact-chart.js-2を使って棒グラフを作ろうとしています。私はちょうどすべての棒グラフの例が0ではなく、データの最小数から始まっていることに気付きました。以下の例は、棒グラフは0ではなく40から始まります。私がしたいのは、 0から、データの最小数ではありません。それが反応し-chart.js2を使用してそれを作ることは可能ですか？ここは、ここでは、コード（公式例の大部分コード

0熱

1答えて

チャートJSのonclickのは、私がここで間違ってやっている

は、誰かが教えてもらえます動作しません、チャートがレンダリングさが、私はバーをクリックしたときに、私は、コンソールにエラーが表示されます。がキャッチされない例外TypeError：ComboChart.getElementsAtEventは関数ではありませんHTMLCanvasElement.document.getElementById.onclickのにあります。私はスタック上の他の投稿

3熱

2答えて

Chart.js2レーダー、ラベルのパディング/スペーシングの設定方法は？

私はChart.js v2を使って次のレーダーチャートを持っています。マイ設定： legend: false, scale: { pointLabels :{ fontSize: 16, fontStyle: "bold", } } ここでの問題は、「コミュニケーション」ラベルがラベルと私は、このパディングを設定し、および/またはこれを修正する

0熱

2答えて

Charjs 2 with reactjs

私はreactjsライブラリに全く新しいです。私はこのライブラリが非常に興味深く、私のチャート分析プロジェクト（JavaベースのSpringプロジェクト）に実装したいと思っています。基本的には、従来の方法で実装したい、npmやパッケージマネージャをインストールしたくない。ファイル：chart.js var MyComponent = React.createClass({ render

0熱

2答えて

Chartjsレーダーで - グレーのグリッド線を変更するには？

私は私の反応-chartjs-2を使用してアプリを反応させるのに次のChart.jsレーダーグラフのレンダリングがあります <Radar data={chartData} options={{ legend: false, gridLines: { display: false, },

0熱

1答えて

Chartjs treemapの例

私は現在、自分のプロジェクトでchart.jsを使用しています。私は素晴らしいライブラリだと言わなければなりません。しかし、私は最近、自分のウェブサイトで見つけられなかった "treemap"も必要であることを認識しました。誰もchart.jsを使用してツリーマップの例を実装できましたか？