Skip to content
Live Demo from Reveal: How AI is changing embedded analytics workflows
Save my Seat
Infragistics
The Ignite UI for JavaScript Financial Chart offers display options for mission-critical financial services and capital markets data.

Ignite UI Financial Chart

This lightweight, high-performance chart is easy to configure to display mission-critical financial data using a simple and intuitive API. Just bind your data, and the chart takes care of everything else. The Ignite UI Financial Chart control is part of Infragistics’ best-in-breed UI for building high-performance, high-volume financial services, and capital market data applications.

Ignite UI Financial Chart: Automatic Data Column Selection

Automatic Data Column Selection

The intuitive control automatically analyzes and selects data columns - Date/Time column to use for x-axis and Open, High, Low, Close, Volume columns or the first five numeric columns for the y-axis.

Ignite UI Financial Chart: Visual Choices for Data Configuration and Display

Visual Choices for Data Configuration and Display

The Financial Chart features a toolbar that allows end users to choose display options and selectors. Other views are Prices View, Volume View for trading volume, Indicators View, and Navigation View with zoombar for previewing.

View Sample

Ignite UI Financial Chart: Options for Visualizing Data

Options for Visualizing Data

The chart gives users numerous ways to visualize and interpret data, including label formatting and multiple display modes for price, volume, and other financial indicators. Set the chartType to designate Bar, Candle, Column, or Line charts.

View Sample

Ignite UI Financial Chart: Crosshair Annotation

Crosshairs Annotation

Shows data point values at cursor location and renders these values in colored boxes over X and Y-axis labels.

View Sample

Ignite UI Financial Chart: Annotation of Final Value display

Final Value Annotation

Shows value of the last data point in your data source. Renders one colored box for each data source over Y-axis label.

View Sample

Ignite UI Financial Chart: Annotation callouts

Callouts Layer

Annotate important data points or customize values in callout boxes based on your logic (i.e. calculate maximum values in your data source).

View Sample

Ignite UI Financial Chart: Item Tooltips

Item Tooltip Layer

Renders an individual tooltip for each series in a data category.

View Sample

Ignite UI Financial Chart: Category Tooltips

Category Tooltip Layer

Renders a combined tooltip for all series in a data category.

View Sample

Ignite UI Financial Chart: Legend

Legend

The Financial Chart comes with a built-in legend displayed between the toolbar and the plotting area. This legend shows data source titles, as well as the last value and percentage change between the first data item and the last data item.

View Sample