バージョン

日付/時刻の値の書式設定

xamTimeline コンポーネントによって、表示する単位に基づいて DateTimeSeries オブジェクトの DateTime 値をフォーマットすることができます。たとえば、値を分の順に並べる時に時刻だけを表示したい場合や年の順に並べる時に年だけを表示したい場合があります。これは、 UnitType に基づいて値をフォーマットするように設計される xamWebTimeline コントロールのプロパティを使用して簡単に達成されます。これらのプロパティのリストについては、 xamTimeline の書式設定についてを参照してください。

この例は、Infragistics xamTimeline コントロールのためにプロジェクトを設定する方法をユーザーが理解していることを前提としています。以下の xaml コードは、UnitType が Months に設定された時に、 EventTitle および AxisLabel オブジェクトの両方に特別なフォーマットを表示するように、xamTimeline をスタイルする方法を示します。

XAML の場合:

    <UserControl.Resources>
        <!-- 軸ラベルのスタイル -->
        <Style x:Key="rscAxisLabelStyle" TargetType="igtl:AxisLabel">
            <Setter Property="MonthsUnitStringFormat" Value="{}{0:MMM}" />
        </Style>
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot">
        <igtl:XamTimeline x:Name="xamTimeline"
                             Width="1000" Height="580" Margin="15">
            <!-- Axis オブジェクトの Unit Type および Label Style を設定します -->
            <igtl:XamTimeline.Axis>
                <igtl:DateTimeAxis  Minimum="01/01/2012" Maximum="04/01/2013"
                                    LabelStyle="{StaticResource rscAxisLabelStyle}"
                                 AutoRange=" UnitType="Months" Unit="1"/>
            </igtl:XamTimeline.Axis>
            <igtl:XamTimeline.Series>
                <igtl:DateTimeSeries Title="Date Time Series"
                                     Position="TopOrLeft">
                    <!--TODO: 日付/時刻のエントリを追加します -->
                    <igtl:DateTimeSeries.Entries>
                        <igtl:DateTimeEntry Time="04/01/2012" Title="Date Time Entry 1"
                                            Details="Details Time Entry 1"/>
                        <igtl:DateTimeEntry Time="06/01/2012" Title="Date Time Entry 2"
                                            Details="Details Time Entry 2"/>
                        <igtl:DateTimeEntry Time="08/01/2012" Title="Date Time Entry 3"
                                            Details="Details Time Entry 3"/>
                        <igtl:DateTimeEntry Time="10/01/2012" Title="Date Time Entry 3"
                                            Details="Details Time Entry 4"/>
                        <igtl:DateTimeEntry Time="12/01/2012" Title="Date Time Entry 3"
                                            Details="Details Time Entry 5"/>
                    </igtl:DateTimeSeries.Entries>
                </igtl:DateTimeSeries>
            </igtl:XamTimeline.Series>
        </igtl:XamTimeline>
    </Grid>
XamTimeline Format Date Time Values 01.png