Version 24.2 (latest)

igFinancialChart Toolbar

Purpose

This topic demonstrates the functionality available in the igFinancialChart's toolbar.

In this topic

This topic contains the following sections:

Introduction

The igFinancialChart provides a toolbar located at the top of the control. This allows your users to change various details about the data being displayed in the chart.

financialchart jquery toolbar.png

Date Range Selector

The date range selector in the toolbar allows users to view chart data from several popular range presets.

financialchart jquery toolbar daterange.png

Indicators Selector

The Indicators Selector allows the user to select multiple financial indicators, overlays, trendlines, and volume types for display in the igFinancialChart.

financialchart jquery toolbar indicatortype.png

Financial Indicators are often used by traders to measure changes and to show trends in stock prices. These indicators are displayed below the Price Pane because they do not share the same Y-Axis scale.

Financial Overlays are often used by traders to measure changes and to show trends in stock prices. These overlays are displayed in front of the Financial Price Series because they share the same Y-Axis scale.

Trendlines are used to see a quick history of the trending path of your data. The selected trendline is rendered on the Trendline Layer.

The trendline offers several options to your users for displaying a trendline using various algorithms in the Price Pane and Volume Pane.

The volume type allows users to change how the volume of stock data is displayed in the Volume Pane. Users can choose between None, Column, Line, and Area chart types.

Chart Type Selector

The igFinancialChart can display data as four different chart types in the Price Pane. Users can choose between Bar, Line, Candle, and Column chart types.

financialchart jquery toolbar charttype.png

Related Content

Topic Purpose

An overview of the different chart panes that can be configured through the toolbar.

View on GitHub