問題タブ [react-chartjs-2]
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.
javascript - 画像 pointStyle は最初のチャート レンダリングで読み込まれませんか?
散布図のデータ ポイントの 1 つの画像を読み込みたいと考えています。私が抱えている問題は、最初のページ/チャートのレンダリングで画像が読み込まれないことです。画像は、グラフをクリックまたは操作したときにのみ表示されます。私は を使用していreact-chartjs-2ます。
私は次のことを試しました（スニペット）
私もこれを通過しましたが、これをどこに配置すればよいですか？
それを解決できた場合は、画像に組み込まれているのとは異なり、グラフをパンするときのパート 2 の質問をしたいと思いますdata pointStyle。y 軸から外れます。チャートの実際の幅にある場合にのみ非表示になります
javascript - Chart.js を使用した、選択したデータに対する条件付きホバー効果
Chart.js を使用して、特定の条件下でデータセットの特定のデータ ポイントに対するホバー効果を無効にしたいと考えています。
基本的に、折れ線グラフを描画する前にデータセットを変更して、希望どおりに見えるようにする必要があります。(たとえば、x 軸に沿って線を延長します)そして、これらのデータ ポイントの一部でホバー効果を発生させたくありません。
ビジネス ロジックを実装した後、スクリプト可能なオプションを探して 、ユーザーがいるデータ ポイントに関するコンテキストを使用できるようにしました。基本的に、単一のグラフですべてのホバー効果をキャンセルするためのソリューションに出くわしましたが、前述のように条件付きではありません。
コンテキストでonHoverを使用し、条件付きで hoverRadius を設定しようとしましたが、期待どおりに見えますが、「オブジェクトのプロパティ 'hoverRadius' の読み取り専用に割り当てることはできません」というエラーが表示されます。
ほとんどの場合、関連オブジェクトは意図的に不変にされています。
それでは、Chart.js でこの動作を実装する正しい方法は何でしょうか?
reactjs - yaxisのデータ数がxaxisのデータ数と等しくない場合、Chartjs 2で折れ線グラフをプロットします
グラフをプロットするための 2 つの配列があります。例を挙げて説明しましょう。
この場合、グラフは正しくプロットされます。次に、私のページでいくつかのボタン「A」をクリックした後、xAxis は次のように変更されます。
しかし、私の yAxis は常に同じになります。
この場合、グラフは xAxis で '10:35' までプロットされます。次に、私のページでいくつかのボタン 'B' をクリックした後、xAxis は次のように変更されます。
しかし、私の yAxis は常に同じになります。
この場合、グラフはy軸の「6」までプロットされます
この問題を解決する方法はありますか? 私はreact-chartjs-2でreactjsアプリケーションに実装しようとしていました
***または、開始時間、終了時間、および必要な間隔がグラフに渡される場合、x軸で時間を分割する方法はありますか***
javascript - 状態変更中にイベントを無効にする方法
私のコード ベースは非常に大きいので、例を追加しません。うまくいけば、私の質問は十分に明確です。
ドーナツ グラフを作成するために、react-chartjs-2 を使用しています。すべての状態変化がおそらくトリガーされ、チャート上でイベントが発生することに気付きました。チャートがレンダリングされないようにする方法がわかりません。
この動作を無効にする方法はありますか?
ありがとうございました