This topic demonstrates the Indicator Panes of the igFinancialChart control.
The below screenshot highlights the Indicator Panes of the chart and the drop down that is used to adjust the chart type at run time.
By default the Indicator Panes are not displayed. You can set the indicator types through code as follows:
In JavaScript
$("#financialChart").igFinancialChart({
dataSource: data,
indicatorTypes: ["AverageTrueRange", "MassIndex"],
});
$("#financialChart").igFinancialChart("option", "indicatorTypes", ["AverageTrueRange", "MassIndex"]);
In 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);
View on GitHub