バージョン

インジケーター ペイン

目的

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

以下の画面はチャートのインジケーター ペインおよびランタイムにチャート タイプを変更するために使用されるドロップダウンを強調表示します。

financialchart jquery pane indicator.png

インジケーター ペインの有効化

プロパティ名 型 説明

FinancialIndicatorTypeCollection

インジケーター タイプのコレクションを取得または設定します: FinancialIndicatorType

IndicatorDisplayTypeCollection

インジケーター表示タイプのコレクションを取得または設定します: IndicatorDisplayType

既定では、インジケーター ペインは表示されません。インジケーター タイプをコードで設定できます:

JavaScript の場合:

$("#financialChart").igFinancialChart({
    dataSource: data,
    indicatorTypes: ["AverageTrueRange", "MassIndex"],
});
$("#financialChart").igFinancialChart("option", "indicatorTypes", ["AverageTrueRange", "MassIndex"]);

インジケーター ペインの構成

プロパティ名 型 説明

number

以下のインジケーター タイプのみに適用する IndicatorLongPeriod 期間を取得または設定します。

MovingAverageConvergenceDivergenceIndicator
AbsoluteVolumeOscillatorIndicator
ChaikinOscillatorIndicator
PercentagePriceOscillatorIndicator
PercentageVolumeOscillatorIndicator

number

以下のインジケーター タイプのみに適用する IndicatorPeriod 期間を取得または設定します。

BollingerBandWidthIndicator
FullStochasticOscillatorIndicator
AverageDirectionalIndexIndicator
AverageTrueRangeIndicator
BollingerBandsOverlay
ChaikinVolatilityIndicator
CommodityChannelIndexIndicator
DetrendedPriceOscillatorIndicator
FastStochasticOscillatorIndicator
ForceIndexIndicator
MoneyFlowIndexIndicator
PriceChannelOverlay
RateOfChangeAndMomentumIndicator
RelativeStrengthIndexIndicator
SlowStochasticOscillatorIndicator
StandardDeviationIndicator
StochRSIIndicator
TRIXIndicator
WilliamsPercentRIndicator

number

以下のインジケーター タイプのみに適用する IndicatorShortPeriod 期間を取得または設定します。

MovingAverageConvergenceDivergenceIndicator
AbsoluteVolumeOscillatorIndicator
ChaikinOscillatorIndicator
PercentagePriceOscillatorIndicator
PercentageVolumeOscillatorIndicator

number

以下のインジケーター タイプのみに適用する IndicatorSignalPeriod 期間を取得または設定します。

MovingAverageConvergenceDivergenceIndicator

number

以下のインジケーター タイプのみに適用する IndicatorSmoothingPeriod 期間を取得または設定します。

FullStochasticOscillatorIndicator

number

以下のインジケーター タイプのみに適用する IndicatorMultiplier 期間を取得または設定します。

BollingerBandWidthIndicator

インジケーター ペインのスタイル設定

プロパティ名 型 説明

BrushCollection

IndicatorTypes プロパティに定義される順序でインジケーターの正の数の色のために使用するブラシのパレットを取得または設定します。

BrushCollection

IndicatorTypes プロパティに定義される順序でインジケーターの負の数の色のために使用するブラシのパレットを取得または設定します。

number

すべてのインジケーターの太さを取得または設定します。

JavaScript の場合:

$("#financialChart").igFinancialChart({
    dataSource: data,
    indicatorTypes: ["AverageTrueRange", "MassIndex"],
    indicatorBrushes: ["Blue"],
    indicatorNegativeBrushes: ["Red"],
    indicatorThickness: 2
});
$("#financialChart").igFinancialChart("option", "indicatorBrushes", ["Blue"]);
$("#financialChart").igFinancialChart("option", "indicatorNegativeBrushes", ["Red"]);
$("#financialChart").igFinancialChart("option", "indicatorThickness", 2);
financialchart jquery pane indicator style.png

関連コンテンツ

トピック 目的

このトピックはチャート ペインの概要です。

オンラインで表示: GitHub