Configuring Axis Modes

The igFinancialChart control allows you to choose how the data in your charts is represented along the x-axis and y-axis.

This topic contains the following sections:

In the igFinancialChart control, you can change the modes of the axes with these properties:

Property Name	Property Type	Description
xAxisMode	`enumeration`	Allows you to choose between `Time` and `Ordinal` modes for the x-axis. Time mode will render space along the x-axis for gaps in data (e.g. no stock trading on weekends or holidays). Ordinal mode will collapse date areas where data does not exist.
yAxisMode	`enumeration`	Allows you to choose between `Numeric` and `PercentChange` modes for the y-axis. Numeric mode will be charted with the exact value of the data. PercentChange mode will display the data as percentage change relative to the first data point provided.

The following code example shows how to change the xAxisMode and yAxisMode:

In JavaScript:

$(".selector").igFinancialChart({
    dataSource: data,
    xAxisMode: "ordinal",
    yAxisMode: "percentChange"
});

Related Content