Infragistics logo
메뉴
.NET and JavaScript UI Controls
Version

Axis Intervals

Purpose

This topic demonstrates how to configure the major and minor intervals for chart axes of the XamShapeChart control.

In the XamShapeChart control, axis major interval specifies how frequent major gridlines and axis labels are rendered on an axis. Similarly, axis minor interval specifies how frequent minor gridlines are rendered on an axis.

In this topic

This topic contains the following sections:

Configuring XAxis and YAxis Major and Minor Intervals

In order to configure Use this property And set it to

The frequency of major interval gridlines

This value provides configurable spacing for axis labels and major gridlines. Note that the interval for axis labels will also be set by this value, displaying one label at the point on the axis associated with the interval.

On the XamShapeChart control’s axes, this value is represented as double between axis minimum value and axis maximum value. By default, these axes will automatically calculate and find a nice and round interval based on axis minimum values and maximum value.

The color of the major interval gridlines

A color of axis major gridlines.

The thickness of the major interval gridlines

A thickness in pixels of the axis major gridline stroke set as a double value.

The frequency of minor interval gridlines

This value provides configurable spacing for minor gridlines, which are always rendered between major gridlines. As result, a value of XAxisMinorInterval property should always be much smaller (usually 2-5 time smaller) than the value of XAxisInterval property of an axis.

This value is represented as a double between axis minimum value and axis maximum value. By default, numeric axes will not automatically calculate minor interval based on axis minimum values and maximum value.

The color of the minor interval gridlines

A color of axis minor gridlines.

The thickness of the minor interval gridlines

A thickness in pixels of the axis minor gridline stroke set as a double value.

Code Snippet

The following code snippet demonstrates how to configure the interval on the x-axis.

In XAML:

<ig:XamShapeChart x:Name="chart1"
                     XAxisInterval="20"
                     XAxisMinorInterval="5"
                     XAxisMajorStroke="Green"
                     XAxisMinorStroke="Red"
                     XAxisMajorStrokeThickness="10"
                     XAxisMinorStrokeThickness="1"
                     >
</ig:XamShapeChart>
shapeChart xaxis intervals.png

Related Content

Topics

The following topics provide additional information related to this topic:

Topic Purpose

This topic provides a conceptual overview of the Shape Chart control.

This topic describes in detail how to bind the control to shape file data.