Blazor バブル チャート

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

    Blazor バブル チャートの例

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

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

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

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

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

    Blazor バブル チャートのスタイル設定

    Blazor バブル チャートでは、MarkerType プロパティを使用してバブル マーカーの形状をカスタマイズし、RadiusScale プロパティを使用してサイズをカスタマイズし、MarkerBrushMarkerOutlineMarkerThickness プロパティを使用して外観をカスタマイズできます。さらに、FillMemberPath プロパティと FillScale プロパティを使用して、データ列に基づいてバブル マーカーにカラーを付けることもできます。この例では、上記のプロパティの使用法を示しています。

    その他のリソース

    API メンバー

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

    • DataChart
    • BubbleSeries
    • ScatterSeries
    • DataSource
    • FillMemberPath
    • FillScale
    • MarkerType
    • MarkerBrush
    • MarkerOutline
    • MarkerThickness
    • RadiusScale
    • RadiusMemberPath
    • XMemberPath
    • YMemberPath