バージョン 24.2 (最新)

軸の間隔

目的

このトピックでは、コード例を使用して igFinancialChart コントロールのチャート軸に主目盛と副目盛を構成する方法を示します。

igFinancialChart コントロールで、軸の主間隔は主グリッド線および軸ラベルが軸に描画される頻度を指定します。同様に、軸副間隔は副グリッド線が軸に描画される頻度を指定します。

このトピックの内容

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

X 軸および Y 軸のグリッド線

構成の目的: 使用するプロパティ 設定値

主間隔グリッド線の頻度。

この値は、Y 軸ラベルおよび主グリッド線に構成可能なスペースを提供します。軸ラベルの間隔も、この値によって設定され、間隔に関連付けられた軸のポイントにラベルが 1 つ表示されることに注意してください。

igFinancialChart コントロールの軸では、この値は軸の最小値から最大値の範囲の数値として表されます。この軸はデフォルトで、軸の最小値および最大値から四捨五入されたバランスの良い数値に自動的に計算されます。

主間隔グリッド線の色。

軸の主グリッド線の色。

主間隔グリッド線の太さ。

double 値として設定された軸の主グリッド線ストロークの太さ。

副間隔グリッド線の色。

軸の副グリッド線の色。

副間隔グリッド線の太さ。

double 値として設定された軸の副グリッド線ストロークの太さ。

コード スニペット

以下のコード スニペットは、Y 軸の間隔を設定する方法を示します。

JavaScript の場合:

$(".selector").igFinancialChart({
    dataSource: data,
    yAxisInterval: 400,
    yAxisMajorStroke: "Green",
    yAxisMinorStroke: "Blue",
    yAxisMajorStrokeThickness: 3,
    yAxisMinorStrokeThickness: 1
});
financialchart jquery axis intervals.png

関連コンテンツ

トピック

このトピックの追加情報については、以下のトピックも合わせてご参照ください。

トピック 目的

このトピックは、igFinancialChart コントロールの概要を提供します。

このトピックでは、igFinancialChart コントロールで軸のラベルを構成する方法を説明します。

このトピックでは、igFinancialChart コントロールで Y 軸の範囲を構成する方法を説明します。

オンラインで表示: GitHub