FinancialChart

Stock Visualizations for JavaScript

Instantly create stunning, advanced stock trending visualizations with the powerful FinancialChart for Wijmo. Analyze with trendlines, filters, range selectors, annotations—all with minimal coding. Optimized for the finance industry, this full-service control meets nearly every need to get users started on a full stock market application, directly out of the box.

*FinancialChart is included in Wijmo Enterprise.

Already purchased Wijmo? Download it here.

FinancialChart Features

Multiple Plot Areas

Improve your chart’s readability by moving series to adjacent plot areas. Stacking areas within a chart is a great way to prevent overlapping data series, and the Plot Area handles it for you.

Multiple Plot Areas

Smart Axis

Smart Axis

With intelligent category and date axis rendering optimized for financial data, your charts will be readable and familiar to financial experts. FinancialChart also supports logarithmic axis.

Annotations

Provide context for your data with annotations. Implement your own custom drawing or text, or use our predefined annotation shapes, including circles, squares, triangles, and more.

Annotations

Built-in Analytics

Built-in Analytics

Visualize and analyze data trends with Trend Lines. Currently, we support all of the trend line types that Excel supports.

Moving Averages allow users to track average trends by creating a series of averages of the original data set. We currently support simple, exponential, weighted, and triangular moving averages.

Multiple function series types can be used to identify patterns in your data by visualizing mathematical formulas.

CrossHairs

Precisely locate a particular data point with LineMarkers (CrossHairs), which can be displayed as horizontal, vertical or crosshair and can optionally snap to data points.

CrossHairs

Zoom Chart

Zoom Chart

Customize the chart’s rendered range of data at runtime via the mouse with RangeSelector (Chart Navigator/Zoom Chart). The RangeSelector is often seen in financial applications, but can be useful anytime a large number of data points are being rendered.

First Class Angular Support

AngularJS is one of the most popular and powerful JavaScript application frameworks today. We ship and maintain AngularJS directives for all of our controls, including FinancialChart, and use it in most of our samples. Our FinancialChart directive allows you to declaratively create powerful stock charts, all in markup. Of course, you can also use FinancialChart with other frameworks. We provide official support for KnockoutJS and will consider others in the future.

First Class Angular Support

Chart Types

Heikin-Ashi

Heikin-Ashi

Heikin-Ashi charts are identical to standard candlestick charts, but they were designed to filter out noise and visualize the average pace of stock prices through a specific formula.

Renko

Renko

Renko charts focus exclusively on price changes of a certain amount and completely ignore time. Users can easily visualize trends in the data by removing the noise commonly seen in candlestick charts.

Another characteristic of Renko charts is that the size (height) of each block/brick is exactly the same.

Kagi

Kagi

Kagi look like step charts, but ignore time completely and focus on market reversals of a predetermined amount. When thickness (and possibly color) of a kagi line changes, this indicates a market reversal.

Line Break

Line Break

Line Break charts, commonly referred to as three line break charts, are similar to Point and Figure charts, ignoring time and only change direction when prices move a certain amount. A reversal occurs when the closing price exceeds the high or low of the previous lines (vertical bars).

chart-columnvolume

Column Volume

Column Volume are identical to column chart types, but the width of each bar is controlled by the percentage of total volume.

chart-equivolume

Equi Volume

Equi Volume are similar to range or high/low charts, but the width of each bar is controlled by the percentage of total volume.

chart-candlevolume

Candle Volume

Candle Volume are identical to candlestick charts, but the width of each candle is controlled by the percentage of total volume.

chart-armscandle

Arms Candle Volume

Arms Candle Volume charts are a combination of EquiVolume and CandleVolume chart types.

Demos

chart-demo-101

Financial Chart Intro

Learn how to get started with Wijmo’s FinancialChart control.

chart-demo-explorer

Financial Chart Explorer

A showcase for the new Wijmo 5 FinancialChart.

chart-demo-stock-chart

Stock Chart

This sample uses the FinancialChart to display and compare stock quote information. The various advanced financial charting features are also demonstrated including markers, trend lines, annotations and data range selector.