バージョン

軸スケール区切りの設定

igFinancialChart コントロールで基本データ ソースの時間間隔のどのデータを表示されることを決定できます。

このトピックの内容

概要

チャートの XAxisBreaks コレクションに TimeAxisBreaks を入れて、igFinancialChart は X 軸のデータから間隔を解除できます。

時間間隔のデータを解除するために TimeAxisBreak 要素はを一意の Start、End と Interval で設定できます。

XAxisBreaks コレクションを使用するために XAxisMode プロパティは Time に設定する必要があります。

コード スニペット

以下のコードは次の画像の igFinancialChart のように週末のデータを非表示にする XAxisBreaks コレクションの設定方法を表します。

financialchart scale breaks jquery.png

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
		}],
	});
});

関連コンテンツ

オンラインで表示: GitHub