React 軸オプション
すべての Ignite UI for React チャートで、軸はタイトル、ラベル、範囲などの視覚的構成のプロパティを提供します。これらの機能は、以下の例で示されています。
React 軸タイトル
React チャートの軸タイトル機能を使用すると、チャートにコンテキスト情報を追加できます。さまざまなフォントスタイル、色、マージン、および配置を適用するなど、さまざまな方法で軸タイトルの外観をカスタマイズできます。
React 軸ラベル
React チャートは、チャートで表示されるラベルの構成、書式設定、およびラベル フォントのスタイル設定を制御することが可能です。軸ラベルの回転角度、マージン、水平および垂直方向の配置、色、余白、および表示設定を変更できます。
React 軸範囲
React チャートでは、数値軸または時間軸の範囲の最小値と最大値を定義できます。範囲の最小値は軸の最小値で、範囲の最大値は軸の最大値です。これらは、yAxisMinimumValue
および yAxisMaximumValue
オプションを設定することによって設定されます。
既定では、React チャートは、データ内の対応する最小値と最大値に基づいて、数値と時間軸の範囲の最小値と最大値を計算しますが、この自動計算は、データセットには適していません。たとえば、データの最小値が 850 の場合、yAxisMinimumValue
を 800 に設定してください。これにより、軸の最小値とデータ ポイントの最小値の間に 50 のスペース値ができます。yAxisMaximumValue
プロパティを使用して、同じ方法を軸の最小値と最大値に適用することができます。
その他のリソース
関連するチャート機能の詳細については、以下のトピックを参照してください。
API メンバー
以下は、上記のセクションで説明した API メンバーのリストです。
XAxisMaximumValue
XAxisMinimumValue
yAxisMaximumValue
yAxisMinimumValue
IgrCategoryChart