O Ignite UI para JavaScript Financial Chart oferece opções de exibição para serviços financeiros de missão crítica e dados de mercados de capitais.

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.

Ver amostra

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: Automatic Data Column Selection

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.

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

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.

Ignite UI Financial Chart: Options for Visualizing Data Ver amostra

Anotação de mira

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

Ignite UI Financial Chart: Crosshair Annotation Ver amostra

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.

Ignite UI Financial Chart: Annotation of Final Value display Ver amostra

Camada de textos explicativos

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

Ignite UI Financial Chart: Annotation callouts Ver amostra

Camada de dica de ferramenta do item

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

Ignite UI Financial Chart: Item Tooltips Ver amostra

Camada de dica de ferramenta de categoria

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

Ignite UI Financial Chart: Category Tooltips Ver amostra
Ignite UI Financial Chart: Legend

Lenda

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.

Ver amostra