Skip to main content Skip to footer
JavaScript Financial Charts

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 support
DOWNLOAD SAMPLES WITH SOURCE CODE (v 5.20232.939)

Why Choose Wijmo for Your JavaScript Financial Chart Solution?

9 Specialized Chart Types

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

First-Class Angular Support

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

Full Dashboard Support

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

Fast and Flexible

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

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

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
VIEW DEMO

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
VIEW DEMO

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
VIEW DEMO

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.

View Demo

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.

View Demo

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.

VIEW DEMO

Kagi

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.

VIEW DEMO

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.

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

VIEW DEMO

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.

View Demo

JavaScript Chart Features

Markers

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.

VIEW DEMO

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

VIEW DEMO

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.

VIEW DEMO

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.

VIEW DEMO

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.

VIEW DEMO

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.

VIEW DEMO

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.

VIEW DEMO

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.

VIEW DEMO

Wijmo Finance Customers