問題タブ [react-chartjs]

chartjs のデフォルトのツールチップは、データを正しく表示していないようです。どのデータポイントにカーソルを合わせても、ツールチップ ラベルには常に「1 月 24 日の週」と表示されます。

「1 月 31 日の週」のデータ ポイントにカーソルを合わせると「1 月 31 日の週」が表示され、「先週」のデータ ポイントにカーソルを合わせると「先週」が表示されることを期待していました。私はこれで間違っていますか？

react-chartjs をインストールしました。指示に従ってテストすると、10 行目で「未定義のプロパティ 'Chart' を読み取れない」というエラーが表示されます。

ここに私のコードがあります

module.exports = 折れ線グラフ;

私は困惑しており、オンラインで解決策を見つけることができません。コメントありがとうございます

サーバーを実行すると、このコンポーネントがロードされます...サーバー側でエラーは見つかりませんでした...しかし、ブラウザーコンソールは次のエラーを返します:

キャッチされていない TypeError: (中間値)[chartType] は関数ではありません

私のコードは次のとおりです：

以下の画像のように、ChartJs (最新バージョン) でデータ値またはインデックス ラベルを表示する方法:

ChartJs を使用して、React プロジェクトでチャートを表示しています。これを除いて、すべてが正常に機能しています。

私はstackoverflow（ https://stackoverflow.com/a/31632707 ）で答えを見つけましたが、古いバージョンのchartjsを使用しており、私が使用しているものでは機能していません。

私のChartJsコード:

関数を使用して追加しようとしました: ctx.fillText(bar.value, bar.x, bar.y - 5);、しかし、その表示.fillText is not a function

エラーは、空のオブジェクトまたはそれに類似したものを呼び出すことから来ていると思いますか?

コードは以下です

}

エラー：

react、react-chartjs-2、およびchart.jsバージョン 2.2.1でデータの視覚化を行っています。この質問に関連する可能性のある回答がここにあります(17.06.16 アップデートを探してください) が、Chart.pluginService.registerReact と互換性があるかどうか、または互換性があるかどうかはわかりません。これまでのところ、うまくいきませんでした。

dataすべてのサブセットの合計であるドーナツ内にラベルを配置するだけです。これはドーナツ チャートの options のどこかにネストされていると思いますが、まだ見つかりません。

値を削除せずにチャートから最初の垂直線を削除する方法はありますか?

ここに私のオプションがどのように見えるかがあります：

linkから react-chartjs を使用していました。例はデモで問題なく提供されますが、渡す必要があるdataとはどこにも言及されていません。optionsflotjs円グラフを使用して、以下と同じデータとオプションを送信していましたが、うまくいかないようですか? css/lessグラフが正常に表示されるように追加する必要はありますか、それとも入力データに問題はありますか?

また、既存のコンポーネントに chart.js と React をインポートします。chartDataとchartOptionsが正しいかどうか教えてください。