バージョン

軸ラベル テンプレート化

トピックの概要

目的

このトピックは、 xamScatterSurface3D コントロールで軸ラベルのテンプレートを変更する方法を説明します。

前提条件

本トピックの理解を深めるために、以下のトピックを参照することをお勧めします。

トピック 目的

このトピックでは、 xamScatterSurface3D コントロールを短時間で起動、実行するために役立つ詳細な操作方法を紹介します。

このトピックでは、このコントロールでサポートする機能を開発者の観点から説明します。

このトピックでは、コントロールの視覚要素についての概要を紹介します。

このトピックの内容

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

軸ラベルの再テンプレート化

概要

SurfaceChartAxis LabelTemplate プロパティを使用して xamScatterSurface3D コントロールの軸線ストロークを構成します。

プロパティ設定

以下の表は、任意の構成とそれを管理するプロパティ設定のマッピングを示します。

目的: 使用するプロパティ: 設定の選択肢:

軸ラベルの再テンプレート化

DataTemplate

例

以下のスクリーンショットは、以下の設定の結果として、軸ラベルがどのように表示されるかを示しています。

プロパティ 値 
<DataTemplate x:Key="LabelDataTemplate">
  <Border BorderThickness="1" BorderBrush="#FF68761A" CornerRadius="2">
	<Label Content="{Binding}" Foreground="#FF68761A"/>
  </Border>
</DataTemplate>
Axis Label Templating 1.png

以下のコードはこの例を実装します。

XAML の場合:

<ig:XamScatterSurface3D Name="SurfaceChart"
 ItemsSource="{Binding Path=DataCollection}"
 XMemberPath="X" YMemberPath="Y" ZMemberPath="Z">
    <ig:XamScatterSurface3D.Resources>
        <DataTemplate x:Key="LabelDataTemplate">
            <Border BorderThickness="1"
 BorderBrush="#FF68761A"
 CornerRadius="2">
                <Label Content="{Binding}" Foreground="#FF68761A"/>
            </Border>
        </DataTemplate>
    </ig:XamScatterSurface3D.Resources>
    <ig:XamScatterSurface3D.XAxis>
        <ig:LinearAxis LabelTemplate="{StaticResource LabelDataTemplate}"/>
    </ig:XamScatterSurface3D.XAxis>
</ig:XamScatterSurface3D>

関連コンテンツ

このトピックに関連する追加情報については、以下のトピックを参照してください。

トピック 目的

このトピックは、 xamScatterSurface3D コントロールで軸ラベルの背景ブラシおよび前景ブラシを構成する方法を説明します。

このトピックは、 xamScatterSurface3D コントロールで軸ラベルのフォント設定を構成する方法を説明します。

このトピックは、 xamScatterSurface3D コントロールで軸ラベルの形式を構成する方法を説明します。

このトピックは、 xamScatterSurface3D コントロールで軸からのラベル オフセットを構成する方法を説明します。

このトピックは、 xamScatterSurface3D コントロールで軸ラベルの表示状態および不透明度を構成する方法を説明します。