React チャート機能

Ignite UI for React チャートを使用すると、さまざまな機能を表示して、チャートで伝えられる完全なデータストーリーを表現できます。これらの各機能は完全にカスタマイズ可能であり、デザインのニーズにに合わせてスタイルを設定できるため、完全に制御できます。ハイライト表示や注釈などの操作により、重要なデータの詳細を呼び出すことができ、チャート内のより深いデータ分析が可能になります。

React チャートは、次のチャート機能を提供します。

軸

異なる軸プロパティを使用して、X 軸と Y 軸の両方のすべての側面を変更またはカスタマイズします。グリッド線を表示したり、目盛りのスタイルをカスタマイズしたり、軸のタイトルを変更したり、軸の位置や交差値を変更したりすることもできます。React チャートのカスタマイズについての詳細には、軸グリッド線、軸レイアウト、および軸オプションのトピックをご覧ください。

注釈

これらの追加のレイヤーは、マウス/タッチに依存するほかのチャートレイヤーの上にあります。個別にまたは組み合わせて使用すると、チャート内の特定の値を強調するのに役立つ強力な操作を提供します。この機能の詳細については、チャート注釈トピックを参照してください。

アニメーション

アニメーションを有効にして、新しいデータソースを読み込むときにチャートをアニメーション化します。これらは、さまざまなタイプのアニメーションとそれらのアニメーションが実行される速度を設定することでカスタマイズできます。この機能の詳細については、チャートアニメーショントピックを参照してください。

ハイライト表示

線、列、マーカーなどのビジュアルに、マウスをデータ項目の上に置いたときにハイライト表示して、フォーカスを合わせます。この機能は、すべてのチャートタイプで有効になっています。この機能の詳細については、チャートのハイライト表示トピックを参照してください。

マーカー

チャートシリーズのマーカーを使用して値が主要なグリッド線の間にある場合でも、データポイントをすばやく識別します。これらは、スタイル、カラー、および形状で完全にカスタマイズ可能です。この機能の詳細については、チャートマーカートピックを参照してください。

オーバーレイ

オーバーレイを使用すると、チャートに水平線または垂直線をプロットして、重要な値としきい値に注釈を付けることができます。この機能の詳細については、チャートオーバーレイトピックを参照してください。

パフォーマンス

React チャートは、数百万のデータポイントを描画し、それらを数ミリ秒ごとに更新する高性能のために最適化されています。ただし、チャートのパフォーマンスに影響を与えるいくつかのチャート機能があり、アプリケーションのパフォーマンスを最適化するときにそれらを考慮する必要があります。この機能の詳細については、チャートパフォーマンストピックを参照してください。

ツールチップ

ツールチップを使用して、特定のシリーズタイプに関連するすべての情報を表示します。項目レベルやカテゴリレベルのツールチップなど、有効にできるさまざまなツールチップがあります。この機能の詳細については、チャートツールチップトピックを参照してください。

トレンドライン

トレンドラインを使用して、トレンドを特定したり、データ内のパターンを見つけたりします。React チャートでは、CubicFit や LinearFit など、さまざまなトレンドラインがサポートされています。この機能の詳細については、チャートトレンドライントピックを参照してください。