問題タブ [react-highcharts]

React HighCharts Library を使用して、React Js で棒グラフを開発しています。そのため、場合によっては、データ間隔が線形ではありません (最小値と最大値の差が非常に大きい)。そのため、プロットラインが重なっています。参考までに画像をシェアします。

これを解決するのを手伝ってください。ラベルをはっきりと表示したいのです。

この画像では、値が 0.66 の 2 つのプロット ラインと、値が 0.5 程度のプロット ラインがあります。それらは重なり合っています。このケースの解決にご協力ください。

ありがとう。

現在、React JSX Highcharts モジュールを使用して、複数のスプライン シリーズを動的に表示するチャートを作成しています (.map 関数を使用)。

私はこれを書いたレンダリング関数で、DataLines と呼ばれるグローバル var を持っています:

Datalines が 2 本の線を保持する場合、チャートはそれを正しく表示します。ただし、DataLines から最初の行を削除すると、代わりに 2 番目の行がグラフから削除され (グラフの下部にある行名で示されます)、再レンダリングしてもグラフ自体は実際には変更されません。新しい DataLines を使用します。

さらに、チャートに単一の線があり、代わりに別の単一の線を保持するように DataLines を変更すると、チャートはまったく更新されません。

コンソール ログを使用すると、レンダリング関数に送信されたデータが正しいことがわかります。

何が原因で、どうすれば修正できますか? モジュールの既知の問題ですか?

前もって感謝します！

編集: 私のサーバーは c# でシグナルを処理しているため、それを共有するのはもう少し複雑になりますが、チャートの更新をトリガーするイベントは次のとおりです。

• 関数は componentDidUpdate から呼び出され、行は親コンポーネントからの設定状態を使用して小道具として受信されます。したがって、基本的に、新しい小道具を受け取ると、新しいデータでグラフを作成します (その後、グラフが適切に更新されないという問題に戻ります)。

チャートで使用している「データ」のドキュメント リンク

ReactHighcharts折れ線、棒、面、縦棒などの他のすべてのチャートをレンダリングするためにコンポーネントを使用していますが、すべてのチャートは正常に機能していますが、サンバースト チャートを試したときにこのエラーに直面しています。

このエラーの原因を特定できません。私が何をしているのか教えてください。

画像に示すように、2 つのサンバーストを並べて表示したいと思います。私はそれをハイチャートで実装し、そのような方法で反応したいのですが、

ユーザーが 1 つのサンバーストのデータ ポイントにマウス カーソルを合わせると、同じデータ ポイントが別のグラフで強調表示されますが、他のデータ ポイントは無効モードになるか、色が白に変わります。