Angular ポイント チャート

Ignite UI for Angular ポイント チャートは、ポイントのコレクションを描画します。値は Y 軸 (左側のラベル) に表示され、カテゴリは X 軸 (下部のラベル) に表示されます。これらのチャートは、プロットされた値の合計を表示することにより、一定期間の変化量を強調したり、複数の項目や全体の一部の関係を比較したりします。

Angular ポイント チャートの例

CategoryChart コントロールで Angular ポイント チャートを作成するには、以下の例のように、データを DataSource プロパティにバインドし、CategoryChart.ChartType プロパティを Point 列挙型に設定します。

単一シリーズの Angular ポイント チャート

次の例では、Angular ポイント チャートは、y 軸に数値データ列を、x 軸に非数値データ列を自動的に選択することにより、単一のデータ ソースをプロットします。

複数シリーズの Angular ポイント チャート

Angular ポイント チャートを使用すると、複数のシリーズを組み合わせて時間の経過に伴う変化を比較または確認できます。中国と米国のデータを含むデータ ソースにバインドするだけで、ポイント チャートは追加データに合わせて自動的に更新されます。

Angular ポイント チャートのスタイル設定

Angular ポイント チャートを設定したら、マーカーとそのアウトライン、ブラシ、太さを変更するなど、スタイルをさらにカスタマイズします。

高度なタイプのポイント チャート

次のトピックに従って、CategoryChart コントロールの代わりに DataChart コントロールを使用して、より高度なタイプの Angular ポイント チャートを作成できます。

• 散布バブル チャート
• 散布マーカー チャート
• 散布高密度チャート
• 極座標型マーカー チャート

その他のリソース

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

• チャートのパフォーマンス
• チャート マーカー

API リファレンス