バージョン

数値時刻シリーズを表示

始める前に

xamTimeline コントロールを使用して連続する数値データを表示できます。たとえば、Minute、Hour、または Year を表す数値などの DateTime 値ではないデータがある場合、 NumericTimeSeries オブジェクトを使用して連続的にこのデータを視覚化できます。

達成すること

XamTimeline コントロールで数値データを表示する方法を学習します。

XamTimeline Display Numeric Time Series 01.png

次の手順を実行します

  1. Microsoft® WPF プロジェクトを作成します。

  2. ソリューション エクスプローラーで、以下の参照を WPF アプリケーション プロジェクトに追加します。

    • InfragisticsWPF4.Controls.Timelines.XamTimeline.v20.2.dll

    • InfragisticsWPF4.DataVisualization.v20.2.dll

    • InfragisticsWPF4.v20.2.dll

  1. xamTimeline の以下の名前空間宣言を追加します。

XAML の場合:

xmlns:igtl="http://schemas.infragistics.com/xaml"

Visual Basic の場合:

Imports Infragistics.Controls.Timelines

C# の場合:

using Infragistics.Controls.Timelines;

  1. NumericTimeSeries オブジェクトと共に XamTimeline コントロールを追加します。

XAML の場合:

<igtl:XamTimeline x:Name="xamTimeline">
            <igtl:XamTimeline.Series>
                <igtl:NumericTimeSeries Title="Numeric Time Series">
                    <!--TODO: 数値時刻エントリを追加します -->
                </igtl:NumericTimeSeries>
            </igtl:XamTimeline.Series>
</igtl:XamTimeline>

Visual Basic の場合:

Dim xamTimeline As New xamTimeline()
Me.LayoutRoot.Children.Add(xamTimeline)
Dim numTimeSeries As New NumericTimeSeries()
'TODO: 数値時刻エントリを追加します -->
xamTimeline.Series.Add(numTimeSeries)

C# の場合:

XamTimeline xamTimeline = new xamTimeline();
this.LayoutRoot.Children.Add(xamTimeline);
NumericTimeSeries numTimeSeries = new NumericTimeSeries();
//TODO: 数値時刻エントリを追加します -->
xamTimeline.Series.Add(numTimeSeries);

  1. NumericTimeEntry オブジェクトを使用してデータをタイムラインに追加します。

XAML の場合:

        <igtl:NumericTimeSeries.Entries>
            <igtl:NumericTimeEntry Time="500" Title="Numeric Time Entry 1"
                                 Details="Details Time Entry 1"/>
            <igtl:NumericTimeEntry Time="1000" Title="Numeric Time Entry 2"
                                 Details="Details Time Entry 2"/>
            <igtl:NumericTimeEntry Time="1500" Title="Numeric Time Entry 3"
                                 Details="Details Time Entry 3"/>
            <igtl:NumericTimeEntry Time="2000" Title="Numeric Time Entry 4"
                                 Details="Details Time Entry 4"/>
            <igtl:NumericTimeEntry Time="2500" Title="Numeric Time Entry 5"
                                 Details="Details Time Entry 5"/>
        </igtl:NumericTimeSeries.Entries>

Visual Basic の場合:

        For ind As Integer = 1 To 5
            Dim numTimeEntry As New NumericTimeEntry()
            numTimeEntry.Time = ind * 500
            numTimeEntry.Title = "Numeric Time Entry " + ind.ToString()
            numTimeEntry.Details = "Details Time Entry " + ind.ToString()
            numTimeSeries.Entries.Add(numTimeEntry)
        Next

C# の場合:

        for (int ind = 1; ind <= 5;="" ind++)="" temp_line_break="" {="" numerictimeentry="" numtimeentry="<SPAN" class="blue">new NumericTimeEntry()
                {
                    Time = ind * 500,
                    Title = "Numeric Time Entry " + ind.ToString(),
                    Details = "Details Time Entry " + ind.ToString()
                };
                numTimeSeries.Entries.Add(numTimeEntry);
        }

  1. アプリケーションを実行します。xamTimeline コントロールはデータを表示します。そのイベントの詳細を確認するためにスライダーをイベントに移動できます。

XamTimeline Display Numeric Time Series 01.png

関連トピック

データにバインドする

日時シリーズを表示

xamTimeline と複数のシリーズを使用