Infragistics logo
메뉴
.NET and JavaScript UI Controls
Version

Configuring Axis Grid Lines

Purpose

This topic explains how to configure the brush and thickness of the grid lines 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:

Configuring Grid Lines Stroke

Overview

Use the SurfaceChartAxis GridStroke property to configure the grid lines stroke 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:

Configure the grid lines brush

Brush

Example

The screenshot below demonstrates how the grid lines look as a result of the following settings:

Property Value

Orange
3D Surface Chart Grid Lines 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"
 ShowFloorProjection=" FloorMaterial="{x:Null}">
    <ig:XamScatterSurface3D.XAxis>
        <ig:LinearAxis GridStroke="Orange" />
    </ig:XamScatterSurface3D.XAxis>
</ig:XamScatterSurface3D>

In C#:

…
var linearAxis = new LinearAxis();
linearAxis.GridStroke = new SolidColorBrush(Colors.Orange);
SurfaceChart.XAxis = linearAxis;

In Visual Basic:

…
Dim linearAxis = New LinearAxis()
linearAxis.GridStroke = New SolidColorBrush(Colors.Orange)
SurfaceChart.XAxis = linearAxis

Configuring Grid Lines Stroke Thickness

Overview

Use the SurfaceChartAxis GridStrokeThickness property to configure the grid lines thickness 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:

Configure the grid lines thickness

double

Example

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

Property Value

3
3D Surface Chart Grid Lines 2.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"
 ShowFloorProjection=" FloorMaterial="{x:Null}">
    <ig:XamScatterSurface3D.XAxis>
        <ig:LinearAxis GridStroke="Orange" GridStrokeThickness="3" />
    </ig:XamScatterSurface3D.XAxis>
</ig:XamScatterSurface3D>

In C#:

…
var linearAxis = new LinearAxis();
linearAxis.GridStroke = new SolidColorBrush(Colors.Orange);
linearAxis.GridStrokeThickness = 3;
SurfaceChart.XAxis = linearAxis;

In Visual Basic:

…
Dim linearAxis = New LinearAxis()
linearAxis.GridStroke = New SolidColorBrush(Colors.Orange)
linearAxis.GridStrokeThickness = 3
SurfaceChart.XAxis = linearAxis

Related Content

Topics

The following topics provide additional information related to this topic.

Topic Purpose

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

The topics in this group explain how to configure different aspects of the visual representation of the axis label in the xamScatterSurface3D control.

This topic explains how to configure the axes lines in the xamScatterSurface3D control.

This topic explains how to configure the axis range by setting the MinimumValue and MaximumValue properties in the xamScatterSurface3D control.

This topic explains the axis types available in the xamScatterSurface3D control.

This topic explains how to configure the axis tick marks range in the xamScatterSurface3D control.

The topics in this group explain how to configure different aspects of the visual representation of the axis title in the xamScatterSurface3D control.

This topic explains how to invert an axis in the xamScatterSurface3D control.