Premium

Angular バブルチャート

Ignite UI for Angular バブルチャートは散布図の一種で、可変スケーリングのマーカーを表示して、いくつかの異なる一連のデータ内の項目間の関係を表したり、x 座標と y 座標を使用してデータ項目をプロットしたりします。データポイントのこれらの座標は、2 つの数値データ列によって決定されます。バブルチャートは、データの不均一な間隔またはクラスターに注意を向けます。このチャートは、科学データのプロットによく用いられ、予測結果からの収集データの偏差をハイライト表示できます。バブルチャートには、散布図チャートの多くの特性がありますが、さまざまな半径スケールサイズを持つオプションがあります。

Angular バブルチャートの例

次の例に示すように、BubbleSeries と 2 つの数値軸を使用して、DataChart コントロールで Ignite UI for Angular バブルチャートを作成できます。

単一シリーズの Angular バブルチャート

以下の例に示すように、データを BubbleSeries の DataSource プロパティにバインドし、その XMemberPath、YMemberPath、RadiusMemberPath プロパティを使用してデータ列をマップできます。

複数シリーズの Angular バブルチャート

Angular バブルチャートでは、次の例に示すように、複数のデータソースのバインドは、新しい各データソースを追加の BubbleSeries の DataSource プロパティに設定することで機能します。