Version

Price Pane

Purpose

This topic demonstrates the Price Pane of the igFinancialChart control.

financialchart jquery pane price.png

The above screenshot highlights the Price Pane of the chart and the drop down that is used to adjust the chart type at run time. In addition to rendering prices the Price Pane also makes use of trendlines and financial overlays. The supported chart types for this pane are:

  • Auto

  • Bar(OHLC)

  • Candle

  • Column

  • Line

Property Name Type Description

FinancialChartType

Gets or sets the type of chart.

BrushCollection

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

BrushCollection

Gets or sets the palette of brushes to use for outlines on the chart series.

number

Gets or sets the thickness of the chart series.

By default, ChartType is set to Auto, which means the chart will choose the chart type based on the data. You can set the chart type through code as follows:

In JavaScript

$("#financialChart").igFinancialChart({
    dataSource: data,
    chartType: "column",
    brushes: ["Red"],
    outLines: ["Green"],
    thickness: 2
});
$("#financialChart").igFinancialChart("option", "chartType", "column");
$("#financialChart").igFinancialChart("option", "brushes", ["Red"]);
$("#financialChart").igFinancialChart("option", "outLines", ["Green"]);
$("#financialChart").igFinancialChart("option", "thickness", 2);

Related Content

Topic Purpose

This article is an overview of the different chart panes.

View on GitHub