Web Components ラジアル チャート

    Ignite UI for Web Components ラジアル チャートは、データを取得し、円の周囲でラップされるデータ ポイントのコレクションとしてデータを描画するチャートのグループです (水平方向の線に沿って拡大するのではなく)。ラジアル チャートはチャートの範囲の最小から最大までのカテゴリのリストもマッピングし、カテゴリ グループ化メカニズムをサポートします。

    Web Components ラジアル エリア チャート

    Ignite UI for Web Components ラジアル エリア チャートは、データ ポイントを結ぶ直線のコレクションによってバインドされた塗りつぶされた多角形の形をしています。このチャートは、エリア チャートと同じデータ プロットの概念を使用しますが、データ ポイントを水平方向に引き伸ばすのではなく、円形の軸の周りにラップします。IgcDataChartComponent コントロールでこのチャート タイプを作成するには、以下の例のように、データを IgcRadialAreaSeriesComponent にバインドします。

    Web Components ラジアル縦棒チャート

    ラジアル縦棒チャートは、チャートの中心からデータ ポイントの位置に向けて広がる矩形のコレクションを使用して表示されます。これは縦棒チャートと同じデータ プロットの概念を使用していますが、データ ポイントを水平方向に引き伸ばすのではなく、データ ポイントを円でラップします。IgcDataChartComponent コントロールでこのチャート タイプを作成するには、以下の例のように、データを IgcRadialColumnSeriesComponent にバインドします:

    Web Components ラジアル折れ線チャート

    Ignite UI for Web Components ラジアル折れ線チャートは、データ ポイントを結ぶ直線のコレクションとして描画されます。このチャートは、折れ線チャートと同じデータ プロットの概念を使用しますが、データ ポイントを水平方向に引き伸ばすのではなく、円形の軸の周りにラップします。IgcDataChartComponent コントロールでこのチャート タイプを作成するには、以下の例のように、データを IgcRadialLineSeriesComponent にバインドします:

    Web Components ラジアル円チャート

    ラジアル円チャートは、チャートの中心からデータ ポイントの位置に向けて広がる円スライスを使用します。このチャート タイプは、複数の一連のデータ ポイントを分類するという概念を採用しており、データ ポイントを水平線に沿って引き伸ばすのではなく、円形の軸に沿ってラップします。IgcDataChartComponent コントロールでこのチャート タイプを作成するには、以下の例のように、データを IgcRadialPieSeriesComponent にバインドします:

    Web Components ラジアル チャートのスタイル設定

    ラジアル チャートを作成したら、線の色、マーカーの種類、またはそれらのマーカーのアウトライン色の変更など、スタイルをさらにカスタマイズしたい場合があります。

    この例は、IgcDataChartComponent コントロールのスタイルをカスタマイズする方法を示しています。

    その他のリソース

    関連するチャート タイプの詳細については、以下のトピックを参照してください。

    API リファレンス

    以下は、上記のセクションで説明した API メンバーのリストです。