散布多角形シリーズの使用

目的

このトピックでは、XamDataChart™ コントロールで ScatterPolygonSeries 要素を使用する方法を提供します。

このトピックの内容

このトピックは、以下のセクションで構成されます。

散布多角形シリーズ
関連コンテンツ

散布多角形シリーズ

概要

XamDataChart コントロールで、ScatterPolygonSeries は多角形を使用してデータを表示するビジュアル要素です。このシリーズのタイプは任意の図形を描画できます。ScatterPolygonSeries は、データがポリラインの代わりに多角形で描画されることを除いて、ScatterPolylineSeries とほどんど同様に機能します。

プレビュー

以下は、建物の間取り図を描画する ScatterPolygonSeries を持つ XamDataChart コントロールのプレビューです。

DataChart Using Scatter Polygon Series 1.png

データ要件

XamDataChart コントロールのシリーズの他のタイプと同様、ScatterPolygonSeries には、データバインディングのための ItemsSource プロパティがあります。このプロパティは、IEnumerable インターフェイスを実装するオブジェクトにバインドできます。さらに、このオブジェクトの各項目には、IEnumerable<IEnumerable<Point>> 構造を使用して図形のポイント位置 (X と Y 値) を保存するデータ列が 1 つ必要です。このデータ列は、ShapeMemberPath プロパティにマップされます。ScatterPolygonSeries は、XamDataChart コントロールで多角形をプロットするために、このマップされたデータ列のポイントを使用します。

例

以上のスクリーンショットでのデータの構造は以下です。

C# の場合:

public class Node
{
    // A list of polygons and each polygon has a list of points.
    public List<List<Point>> Points { get; set; }
}

Visual Basic の場合:

Public Class Node
    ' A list of polygons and each polygon has a list of points.
    Private _points As List(Of List(Of Point))
    public Property List(Of List(Of Point)) Points
        Get
            Return _points
        End Get
        Set
            _points = value
        End Set
    End Property
End Class

以下のコードは ScatterPolygonSeries をデータにバインドします。

XAML の場合:

<ig:XamDataChart x:Name="dataChart">
    <ig:XamDataChart.Axes>
        <ig:NumericXAxis x:Name="xAxis"/>
        <ig:NumericYAxis x:Name="yAxis"/>
    </ig:XamDataChart.Axes>
    <ig:XamDataChart.Series>
        <ig:ScatterPolygonSeries ItemsSource="{Binding Path=Nodes}"
                                 ShapeMemberPath="Points"
                                 XAxis="{Binding ElementName=xAxis}"
                                 YAxis="{Binding ElementName=yAxis}"/>
    </ig:XamDataChart.Series>
</ig:XamDataChart>