バージョン 24.2 (最新)

igFinancialChart の軸範囲の構成

igFinancialChart コントロールで、軸の範囲がデフォルトでデータ ソースに基づいて計算され、以下のように構成できます。範囲の最小値は、軸の最小値です。範囲の最大値は、軸の最大値です。

このトピックの内容

概要

デフォルトで、igFinancialChart コントロールは、チャート プロット領域を最大化するために、最小データ ポイントおよび最大データ ポイントに基づいて軸の範囲の最小値と最大値を計算します。軸の最小値と最大値の自動計算は、データ ポイントのセットに適切でない場合があります。たとえば、チャートの端とプロット シリーズの間に余分なスペースを表示する場合、igFinancialChart 軸範囲を書式設定する必要があります。

igFinancialChart コントロールで以下のプロパティを設定して Y 軸範囲を構成できます。

プロパティ名 プロパティ型 説明

number

Y 軸の最小値を取得または設定します。

number

Y 軸の最大値を取得または設定します。

コード スニペット

以下のサンプル コードは、 igFinancialChart コントロールの Y 軸の軸範囲を変更する方法を示します。

JavaScript の場合:

$(".selector").igFinancialChart({
    dataSource: data,
    xAxisMinimumValue: new Date(2016, 4, 1),
    xAxisMaximumValue: new Date(2017, 11, 1),
    yAxisMinimumValue: 600,
    yAxisMaximumValue: 1000
});

オンラインで表示: GitHub