Axis Tickmarks

Tick marks display points on the axes. They represent a certain numeric point on a scale or the value of the underlying data item in a category axis.

This topic contains the following sections:

Property Settings

In the igFinancialChart control, you can change the length, thickness, and color of the x-axis and y-axis tickmarks using the following properties:

Property Name	Property Type	Description
xAxisTickLength yAxisTickLength	`number`	Determines the length of the tickmarks along the x-axis or y-axis.
xAxisTickStroke yAxisTickStroke	`string`	Determines the color of the tickmarks along the x-axis or y-axis
xAxisTickStrokeThickness yAxisTickStrokeThickness	`number`	Determines the thickness of the tickmarks along the x-axis or y-axis

The following code snippet demonstrates how to set the color, length and thickness of the tickmarks on the x-axis.

In JavaScript:

$(".selector").igFinancialChart({
    xAxisTickLength: 7,
    xAxisTickStrokeThickness: 5,
    xAxisTickStroke: "Blue"
});