Version 8.3.0

Release date: 5/31/21

See the 8.2.0 to 8.3.0 upgrade notes for information about upgrading to this version.

Deprecated functions

New features

Market depth

Zoom control

The new zoom control for market depth allows users to better see the limit order book close to the last execution price. This helps users hide orders that are significantly off-market and thereby distort the view of the market.

Zoom control for market depth chart.
Figure. Zoom control for market depth chart.

Cross section

Cross section charts enable the visualization of a matrix of data from a moment in time (including real time). A cross section is like a slice of a time series chart, revealing the data contained in the slice. Cross section charts visualize data of all kinds, not just financial information such as stock quotes.

Cross section chart of ages of U.S. presidents. Figure. Cross section chart of ages of U.S. presidents. Same presidential terms (first and second) are connected by line graphs.

Note: The Term Structure plug-in has been replaced by a new Cross Section plug-in that provides all of the capabilities of Term Structure and much more. As a result, the Term Structure classes and methods have been renamed as Cross Section classes and methods. See the 8.2.0 to 8.3.0 upgrade notes for the complete list.

Term structure

Timeline date selector

Term structure charts now include a range finder that plots a mountain chart of yield or price spreads over time. Spreads are the difference in yield or price of debt instruments of varying maturities; for example, the difference in yield between the 10YR and 5YR bonds. Spreads are selectable from the Timeline Date Selector's drop-down menus. Slider controls enable selection of dates along the Timeline Date Selector's x-axis for the main curve and historical curves.

Term Structure chart with Timeline Date Selector. Figure. Term Structure chart with Timeline Date Selector.

Note: Term structures are now a use case of ChartIQ's new cross section charting capabilities. As a result, many of the classes and functions that apply to term structures are part of the cross section API. See the 8.2.0 to 8.3.0 upgrade notes for more information.

Accessibility

Chart navigation

The following chart controls are now selectable using the keyboard Tab, arrow, and Enter/Return keys:

  • Symbol lookup
  • Comparison lookup
  • Chart legend (Plots control)
  • Study preferences dialog and delete (X) control (from the Studies menu)
  • Zoom and full screen controls, including continuous zoom
  • Range selector

Chart with comparison lookup selected using keyboard. Figure. Chart with comparison lookup selected using keyboard.

Note: The cq-lookup, cq-scroll, and cq-study-legend web components are now capable of internal keyboard navigation and selection.

Keyboard shortcuts

Keyboard shortcuts have been added for the following add-ons, plug-ins, and chart features:

Add-ons

  • Table View — Alt+K
  • Range Slider — Shift+Alt+R
  • Extended hours — Shift+Alt+X
  • Outliers — Shift+Alt+O
  • Keyboard shortcuts legend — Shift+Alt+/ or Shift+Alt+?

Plug-ins

  • Market Depth — Shift+Alt+D
  • L2 Heat Map — Shift+Alt+M
  • Trade From Chart — Shift+Alt+P

Chart features

  • Symbol lookup — Shift+Alt+L

See hotkeyConfig in the Chart Configuration tutorial.

Web components

Vue.js

The new Vue component toolkit enables you to build charting applications in the Vue 2 framework. The components include everything from a basic chart to a complex, active trader desktop.

See the chartiq-vue-app project on GitHub for more information.

Enhancements

Chart engine

Renko chart

Renko chart with Auto Select brick size. Figure. Renko chart with Auto Select brick size.

The maximum number of bricks per quote in auto select mode can now be specified to prevent the creation of an excessive number of bricks for highly variable data sets.

  • New CIQ.getMaxRenkoBarsPerRecord function gets the maximum number of Renko bars that can be created per quote when using automatic brick size selection.

React and Angular

The React and Angular component toolkits now include a Term Structure component that creates a complete yield curve chart.

See the React and Angular projects on GitHub.