バージョン

散布図 - 折れ線シリーズ

このトピックは、コード例を示して、ScatterPointSeriesXamDataChart™ コントロールで使用する方法を説明します。いくつかの重要な概念的情報も提供します。

このトピックの内容

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

概要

ScatterLineSeries は、デカルト (x、y) 座標系を使用してデータをプロットする散布シリーズ ファミリに属します。このシリーズは、データを直線で結ばれたポイントの集合として表示します。各ポイントには、デカルト座標系におけるその位置を決定する一対の数値 X/Y 値があります。

散布シリーズでは、データの不均等な間隔やクラスターに注意を喚起します。収集されたデータの予測結果との偏差を強調表示することができます。科学データや統計データをプロットするためによく使用されます。ScatterLineSeries は、データを時系列に整理して X 軸と Y 軸にプロットします (バインド前にデータが時系列に並んでいなくても)。以下のセクションは、ScatterLineSeries とその機能を使用する方法で重要なコンセプトやタスクベースの情報を示します。

シリーズ プレビュー

xamDataChart Scatter Series 03.png

図 1: ScatterLineSeries コントロールの実装例

シリーズの外観

ScatterLineSeries には、外観をカスタム設定するために使用できる次のプロパティがあります。

プロパティ名 プロパティ タイプ 説明

double

このプロパティは、線の太さを指定します。

Brush

このプロパティは、線のブラシ色を指定します。

このプロパティは、データ ポイントの位置に表示されるマーカーの図形を指定します。デフォルトは None - マーカーなしです。

Brush

このプロパティは、マーカーのアウトラインの色を指定します。

Brush

このプロパティは、塗りつぶし色を指定します。

データ バインディング

ScatterLineSeries は、ItemsSource プロパティを使用して、IEnumerable インターフェイス (List、Collection、Queue、Stack など) を実装するすべてのデータ オブジェクトをバインドします。 ただし、このオブジェクトの各データ項目には、2 つの数値データ列 (デカルト座標系のバブルを配置するための X および Y 値) が必要です。データ列は、XMemberPath、および YMemberPath プロパティを使用してマップされます。

上記の基準を満たすオブジェクトに BubbleDataSource があり、ダウンロードしてプロジェクトで使用できます。

コード例

このコード スニペットは、サンプル バブル データを ScatterLineSeries にバインドする方法を説明します。

XAML の場合:

xmlns:local="clr-namespace:Infragistics.Models;assembly=YourAppName"
...
<ig:XamDataChart >
    <ig:XamDataChart.Resources>
        <local:BubbleDataSource x:Key="data"/>
    </ig:XamDataChart.Resources>
    <ig:XamDataChart.Axes>
        <ig:NumericXAxis x:Name="XAxis" />
        <ig:NumericYAxis x:Name="YAxis" />
    </ig:XamDataChart.Axes>
    <ig:XamDataChart.Series>
        <ig:ScatterLineSeries ItemsSource="{StaticResource data}"
                          XAxis="{Binding ElementName=XAxis}"
                          YAxis="{Binding ElementName=YAxis}"
                          XMemberPath="X"
                          YMemberPath="Y" >
        </ig:ScatterLineSeries>
    </ig:XamDataChart.Series>
</ig:XamDataChart>

C# の場合:

var data = new BubbleDataSource();
var xAxis = new NumericXAxis();
var yAxis = new NumericYAxis();

var series = new ScatterLineSeries();
series.XAxis = xAxis;
series.YAxis = yAxis;
series.XMemberPath = "X";
series.YMemberPath = "Y";
series.ItemsSource = data;
DataChart.Axes.Add(xAxis);
DataChart.Axes.Add(yAxis);
DataChart.Series.Add(series);

Visual Basic の場合:

Dim data As New BubbleDataSource()
Dim xAxis As New NumericXAxis()
Dim yAxis As New NumericYAxis()

Dim series As New ScatterLineSeries()
series.ItemsSource = data
series.XMemberPath = "X"
series.YMemberPath = "Y"
series.XAxis = xAxis
series.YAxis = yAxis
Dim chart As New XamDataChart()
chart.Axes.Add(xAxis)
chart.Axes.Add(yAxis)
chart.Series.Add(series)

ダッシュ配列

ScatterLineSeries は、ダッシュ配列を介して破線を適用する機能をサポートしています。これを行うには、シリーズの DashArray プロパティを新しい DoubleCollection に設定し、表示したいダッシュの長さを表す double[] を指定します。以下のコード例はその方法を示しています。

XAML の場合:

<ig:ScatterLineSeries DashArray="5, 5" />

C# の場合:

var series = new ScatterLineSeries();
series.DashArray = new DoubleCollection(new double[] { 5, 5 });

Visual Basic の場合:

Dim series = New ScatterLineSeries()
series.DashArray = New DoubleCollection(New Double() {5, 5})