問題タブ [react-chartjs]

アプリケーションで折れ線グラフをレンダリングするために、react-chart を使用しています。折れ線グラフが表示されません。ID「main1」のdivタグ内にキャンバスを作成しています。

lchart.js ファイル:

index.html ファイル:

私はLine chartinreact-chartjsの作成に取り組んでいます。そのため、定期的に API からデータを取得しており、成功するとreducer-state. Reduxストアに初期データがあります

このストアでは、labelとdataタグにデータを追加しようとしています。しかし、方法がわかりません。次のように試していますが、機能しません

どんな助けでも大歓迎です

react-chartjs ライブラリを使用して、React.js で棒グラフを作成する作業を行っています。棒グラフを表示することはできますが、データが膨大で、10 秒ごとに収集されるためです。棒グラフには次のようなものが表示されます

私のデータセットは次のようになります

ライブラリの immutability-helpers を使用してデータを更新しています

そして、私はChartのレンダリングを次のように呼び出しています

を使用して"react-chartjs": "^0.8.0"いますが、chart.js を"chart.js": "^1.1.1"更新できませんでした。現在のバージョンをサポートしているため、存在2.0するというものを見ました。showXlabelsreact-chartjs

助けてくれてありがとう。

リアルタイム チャートを作成し、ウィンドウを常に固定サイズにしたいと考えています。つまり、チャートに常に 5 分間のデータを表示したいと考えています。グラフに 5 分間のデータが表示されると、古いデータの削除が開始され、最新のデータのみが表示され、グラフの x 軸でラベルが増加することはありません。フィドルでは、新しいデータが来るとすぐに、ラベルの数が x 軸で増加していることがわかります。

グラフが常に過去 5 分間のデータのみを表示するようにするにはどうすればよいですか?

http://jsfiddle.net/uLUAT/597/

react-chartjs チャートのデータとオプションが次のように構成されています

私は自分のコードでそれを使用しています

これは私がライブラリをインポートした方法です

驚くべきことに、データはグラフにプロットされますが、オプションはグラフにまったく影響しません。問題がよくわかりません。フォーマットが間違っているのでしょうか、それとも非常にばかげたものを見逃していますか。

どんな助けでも大歓迎です。

アップデート

に変更import Chart from 'chart.js';した後import Chart from 'chartjs';、一部の直接構成showScale, pointDot, showLinesやデータセット オプションの一部はレンダリングされますが、title and legendsまだ表示されません。

MVC 4.0 と chart.JS を使用してグラフを生成しています。各値にY軸の水平線を入れたいのですが、以下のプロパティを使用して展開することに成功しました。

しかし、私の実際の要件は、水平線の色を変えたいということです。

上記の線は水平線の色を変更しますが、すべての線に適用されます。

私を案内してください。

反応とes6でchart.js棒グラフを使用しようとしています。

importプロジェクトの代わりに使用しているため、GitHubrequireのドキュメントとは少し異なります。

これが私のプロジェクトの例です：

これらは、コンソールに表示される 2 つのエラーです。

Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method ofハローチャート.

と ...

Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method ofハローチャート.

このコードは、react-chartjs を使用して取得しました。グラフが表示されますが、そこに何を入れてもオプションは毎回無視されます。オプションをコンポーネントに追加する別の方法はありますか?

私は反応するWebプロジェクトに取り組んでいます。
ライブラリから 3 つのコンポーネントのみをインポートするにはどうすればよいですか?
利用した：

エラーを出します。

すべての Line、Bar、Donut 要素を Donut 要素として機能させます。

使用する

ライブラリ全体をロードしますが、これは望ましくありません。

注: そのインポートを複数のファイルで使用します。

固定の最大値と最小値を設定しようとしている折れ線グラフがあります。SOで見つかった他の提案を試しましたが、まだ機能しません。私のチャートは、受信データに応じて最大値と最小値を再設定し続けます。

折れ線グラフに渡す現在のオプションは次のとおりです。

私もそれらの設定を試しました：

私が間違っていることは何か分かりますか？

ありがとう！