チャートナビゲーション

トピックの概要

このトピックは、コード例を使って、igFinancialChart コントロール内のナビゲーション用途のプロパティと、その使用方法を示します。

以下の表は、このトピックを理解するための前提条件として必要なトピックを示しています。

トピック	目的
igFinancialChart	このトピックでは、igFinancialChart コントロールシリーズの概要を説明します。

このトピックは、以下のセクションで構成されます。

igFinancialChart コントロールでは、チャートナビゲーションはデフォルトで有効になっています。以下のプロパティは、ナビゲーション動作を構成するために使用できます。

プロパティ名	プロパティ型	説明
isHorizontalZoomEnabled	`bool`	チャートがユーザー操作により水平方向にズーム可能かどうか。デフォルトでこのプロパティは `true` に設定されます。
isVerticalZoomEnabled	`bool`	チャートがユーザー操作により垂直方向にズーム可能かどうか。デフォルトでこのプロパティは `false` に設定されます。
isWindowSyncedToVisibleRange	`bool`	true に設定される場合、Y 軸は表示データ範囲に自動的にサイズ変更します。デフォルトでこのプロパティは `false` に設定されます。
windowRect	`object`	igFinancialChart のスクロール状態およびズーム状態を取得または設定するために使用できます。 WindowRect は、 0 ~ 1 の間の座標およびサイズの Rectangle として表現されます。提供されたオブジェクトは、left、top、width および height と呼ばれる数値プロパティを持っている必要があります。

以下のコードスニペットは、igFinancialChart コントロールでチャートナビゲーションを構成する方法を示します。

JavaScript の場合:

$(".selector").igFinancialChart({
    isWindowSyncedToVisibleRange: true,
    isVerticalZoomEnabled: false,
    isHorizontalZoomEnabled: true
});