バージョン

ズーム ペイン

目的

このトピックは、igFinancialChart コントロールのズーム ペインを紹介します。

financialchart jquery zoompane.png

上の画面はチャートのズーム ペインを強調表示します。ズーム ペインを有効にするには、zoomSliderType オプション を None 以外の値に設定します。ズーム ペインを使用するには、その他のペインの上にマウス ホイールをスクロールするか、その他のペインの領域を選択するためにクリック ドラッグするか、左右の棒および下のスクロールバーを使用してズーム ペインに移動できます。

ズーム ペインは価格ペインを表示します。価格ペインと異なるチャート タイプをズーム ペインに描画できます。以下の画像は、ズーム ペインの重要な領域を示します。

financialchart zoompane details.png
領域 説明

チャート プレビュー領域

価格ペイン全体に比較してズームインしている領域のプレビューを表示します。

最小ボタン

X 軸で開始日を設定します。

最大ボタン

X 軸で終了日を設定します。

ズームバー

チャート データの X 軸でチャートのズーム領域をスクロールします。

JavaScript の場合:

$("#financialChart").igFinancialChart({
    dataSource: data,
    zoomSliderType: "Bar"
});
$("#financialChart").igFinancialChart("option", "zoomSliderType", "Bar");

関連コンテンツ

トピック 目的

このトピックは価格ペインを説明します。

このトピックはインジケーター ペインを説明します。

このトピックはボリューム ペインを説明します。

オンラインで表示: GitHub