Version

Axis Label Templating

Purpose

This topic explains how to re-template the axis label in the XamScatterSurface3D™ control.

Required background

The following topics are prerequisites to understanding this topic:

Topic Purpose

This topic provides detailed instructions to help you get up and running as soon as possible with the xamScatterSurface3D™ control.

This topic explains the features supported by the control from developer perspective.

This topic provides an overview of the visual elements of the control.

In this topic

This topic contains the following sections:

Re-templating Axis Label

Overview

Use the SurfaceChartAxis LabelTemplate property to re-template the axis label in the xamScatterSurface3D control.

Property settings

The following table maps the desired configuration to the property settings that manage it.

In order to: Use this property: And set it to:

Re-template the axis label

DataTemplate

Example

The screenshot below demonstrates how the axis label looks as a result of the following settings:

Property Value 
<DataTemplate x:Key="LabelDataTemplate">
    <Border BorderThickness="1"
            BorderBrush="#FF68761A"
            CornerRadius="2">
        <Label Content="{Binding}"
               Foreground="#FF68761A"/>
    </Border>
</DataTemplate>
Axis Label Templating 1.png

Following is the code that implements this example.

In 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>

Related Content

The following topics provide additional information related to this topic.

Topic Purpose

This topic explains how to configure the axis label background and foreground brush in the xamScatterSurface3D control.

This topic explains how to configure the axis label font settings in the xamScatterSurface3D control.

This topic explains how to configure the axis label format in the xamScatterSurface3D control.

This topic explains how to configure the label offset from its axis in the xamScatterSurface3D control.

This topic explains how to configure the axis label visibility and opacity in the xamScatterSurface3D control.