Version 24.2 (latest)

Trendline Layer

The below image demonstrates using the trendline layer with the igFinancialChart. There are a variety of trendline types to choose from. You can Adjust this by using the trendline drop down currently displaying QuadraticFit.

financialchart jquery layers trendline.png
Property Name Type Description

FinancialChartVolumeType

Gets or Sets the type of the trendline.

BrushCollection

Gets or sets the palette of brushes to use for coloring the trendlines.

number

Gets or sets the thickness of the trendlines.

number

Gets or sets the period of the trendlines.

Note: these properties apply to all chart panes and the same trend line type will be applied to all chart panes.

The following demonstrates how to set the TrendLineType through code:

In JavaScript

$("#financialChart").igFinancialChart({
    dataSource: data,
    trendLineType: "QuinticFit",
    trendLineBrushes: ["Green"],
    trendLineThickness: 2
});
$("#financialChart").igFinancialChart("option", "trendLineType", "QuinticFit");
$("#financialChart").igFinancialChart("option", "trendLineBrushes", ["Green"]);
$("#financialChart").igFinancialChart("option", "trendLineThickness", 2);

Related Content

Topic Purpose

This article explains the Financial Overlays of the chart.

View on GitHub