Advanced Stock Visualizations for Financial Apps

Instantly create stunning, advanced stock trending visualizations with this powerful financial chart component

  • Includes nine specialized, hard-to-find financial charts
  • Built-in calculation engine
  • First-class Angular, React, and Vue.js support

Why Choose Wijmo for Your JavaScript Financial Chart Solution?

9 Specialized Chart Types

9 Specialized Chart Types

Includes complex financial charts such as Heikin-Ashi, Kagi, Renko, and a variety of volume charts.

First-Class Angular Support

First-Class Angular Support

Framework-agnostic, Wijmo includes full support and the same components for modern frameworks.

Full Dashboard Support

Full Dashboard Support

Add multiple charts to a single dashboard and create a complete stock dashboard.

Fast and High-Performing

Fast and High-Performing

Engineered for top performance, FinancialChart shaves precious seconds off load time and won't bloat your apps.

Built-In Calculation Engine

Built-In Calculation Engine

Advanced charts include built-in data calculation--you won't need to construct complex formulas to generate charts.

True JavaScript Components

True JavaScript Components

Wijmo's true JavaScript components are written to the ECMAScript 6 standard and include Web Components and ES modules.

Build, Deliver, and Interact

Build a Crypto-Currency App

Integrate Wijmo's financial chart component into a grid to track crypto-currency values.

  • Built-in calculations
  • Range selector
  • Expandable detail rows
  • Sparklines
  • Dynamic auto-updating

Deliver a Complete Stock Chart Dashboard

Display and compare up-to-the-minute stock quotes in this complete app.

  • Range selectors
  • Adjust chart types
  • Include news annotations
  • Line markers
  • Moving average

Deep Interactions With 9 Different Financial Charts

Financial charts include a variety of interactions, overlays, and indicators.

  • Bollinger bands and envelope overlays
  • 6 indicators, including MACD and Stochastic
  • Fibonacci tools

JavaScript Financial Chart Types

Candlestick Chart

View price movements of a security, derivative, or currency over time. Each "candlestick" typically shows one day, thus a one-month chart may show 20 trading days as 20 candlesticks.


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 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.


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

Line Break

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

volume chart

Volume Chart

Volume charts show a horizontal histogram plotted on a security's chart, showing the volume of shares traded at specific price levels. They are used by technical traders to predict areas of support and resistance.

HighLowOpenClose Chart

HighLowOpenClose charts are used to describe price movements of a security, derivative, or currency over time. They are similar to candlestick charts, expect opening values are displayed using lines to the left, and closing values are displayed using lines to the right.

JavaScript Chart Features


Wijmo's JavaScript LineMarker class allows you to add a mouse-driven cursor to your charts. The cursos consists of a text element used to display information about the point under the mouse and optional lines to indicate the exact position of the mouse.

Range Selector

Range selectors allow users to zoom in on selected parts of a chart by selecting a range on a secondary chart. Wijmo's Javascipt range selector is designed to feel similar to Google Finance charts range selector

Trend Lines

Wijmo's JavaScript TrendLine class extends the regular Series class to provide a calculated series based on the data and parameters you select. Trendlines can be bound to either axis of the associated FinancialChart.

Moving Averages

The MovingAverage class extend's Wijmo's JavaScript Series class to provide a series of averages of different subsets of the full data set. MovingAverage can be bound to one of the properties being displayed on the FinancialChart.

Event Annotations

Annotations are used to highlight notable points or areas on a chart, as well as place arbitrary elements. Wijmo's JavaScript AnotationLayer class allows you to set several different types of annotations, including: circle, ellipse, image, line, polygon, rectangle, square, and text.

Financial Indicators

Wijmo's financial indicators are generally used to forecast the asset's market direction and are plotted separately from the original data. The financial indicators include Stochastic, MACD, Williams %R, Relative Strength Index, Average True Range, and Commodity Channel Index.

Financial Overlays

Like technical indicators, overlays are a set of derived data, calculated by applying one or more formulas to the original set of data. They are used to forecast an asset's market direction.

Fibonacci Tools

Wijmo's JavaScript fibonacci tools are used for trend analysis in financial charts. When combined with the range selector, you can allow users to select data ranges for calculation.

Easy Licensing and Distribution

Add distribution keys to your applications through your GrapeCity account.

Licensing FAQs

Wijmo is licensed per developer. Once you purchase a copy, generate a distribution key and deploy your app. With every developer license, you'll receive perpetual distribution licenses

Learn more about licensing

Become an OEM Partner

To create your own commercially-licensed SDK, or web application builder, choose the Commercial OEM license. Commercial OEM and SaaS licenses are customized for each customer.

Become an OEM partner

End-User Licensing Agreement

Our End-User License Agreement (EULA) includes in-depth information on Wijmo's licensing, legal agreement, and the terms and conditions that govern software usage. 

Read the EULA

Wijmo Finance Customers