Version

Configuring Axis Scale Breaks

The igFinancialChart control allows you to determine what data you would like to show for your underlying data source’s time intervals.

Overview

The igFinancialChart allows you to exclude intervals of data on the X-Axis by placing TimeAxisBreaks in the chart’s XAxisBreaks collection.

The TimeAxisBreak elements can be configured using a unique Start, End and Interval to determine the time intervals that you would like to exclude showing data for.

In order to use the XAxisBreaks collection, the XAxisMode property must be set to Time.

Code Snippet

The following code example shows how to configure the XAxisBreaks collection to only show data not occurring on a weekend, resulting in a igFinancialChart like the one shown below.

financialchart scale breaks jquery.png

In Javascript:

$(function () {

	$("#chart").igFinancialChart({
		dataSource: data,
		xAxisMode: "time",
		xAxisBreaks: [{
			start: new Date("2018-01-06T00:00:00"),
			end: new Date("2013-01-07T23:59:59"),
			interval: 7 * 24 * 60 * 60 * 1000
		}],
	});
});

Related Content

View on GitHub