バージョン

軸ラベルのスタイル

AxisLabel オブジェクトは、時刻シリーズに各イベントの時刻を表示します。Axis Label に表示される値の外観またはフォーマットを変更するためにスタイルを使用できます。Axis Label のフォーマットについての詳細は、 xamWebTimeline の書式設定を参照してください。

以下の xaml コードは、テキストの色とフォント サイズを変更するために Axis Label をスタイルする方法を示します。

XAML の場合:

    <UserControl.Resources>
        <!-- 軸のスタイル -->
        <Style x:Key="rscAxisLabelStyle" TargetType="igtl:AxisLabel">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="igtl:AxisLabel">
                        <TextBlock x:Name="TextBlockElement" Foreground="Red"
                                   FontWeight="Bold" FontSize="15"
                                   Text="{TemplateBinding FormattedText}" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot" Background="White" >
        <igtl:XamTimeline x:Name="xamTimeline"
                             Width="1000" Height="480" Margin="25">
           <!-- Axis プロパティを設定 -->
            <igtl:XamTimeline.Axis>
                <igtl:NumericTimeAxis Minimum="-3200" Maximum="2600"
                                      AutoRange=" Unit="400"
                                      ShowLabels="True" ShowThumb="True"
                                      LabelStyle="{StaticResource rscAxisLabelStyle}"
                                      ShowLabelsInPreview="True"/>
            </igtl:XamTimeline.Axis>
            <!-- TODO: 数値/日時シリーズを追加します...-->
        </igtl:XamTimeline>
    </Grid>
XamTimeline Style Axis Label 01.png