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 with timeline date selector. Figure. Term structure 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.

      • New CIQ.UI.Context#isLegendKeyboardActive function checks the chart for a study legend that is active and has keyboard navigation control.
      • New CIQ.UI.BaseComponent#findFocused function finds the elements in a list of UI controls that have a cq-focused attribute.
      • New CIQ.UI.BaseComponent#focusNextItem function focuses the next item in the tab order.
      • New CIQ.UI.BaseComponent#focusItem function adds a cq-focused attribute to an element that receives keyboard focus and highlights the element.
      • New CIQ.UI.BaseComponent#removeFocused function removes the cq-focused attribute from all elements in that are selectable via keyboard navigation.
      • New CIQ.UI.BaseComponent#clickFocusedItem function selects (clicks) the first element that has a cq-focused attribute in a list of elements that are selectable via keyboard navigation.
      • New WebComponents.cq-comparison#onKeyboardSelection function triggers the comparison lookup component and passes keyboard control into the internal cq-lookup element.
      • New WebComponents.cq-scroll#focusItem function scrolls to an item and gives the item focus.

      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

    • New cq-double-slider web component implements a low/high range slider with a thumb (slidable control) at each end of the slider track.
    • New WebComponents.cq-double-slider#setBounds function sets the min, max, and step of the slider.
    • New WebComponents.cq-double-slider#setValue function sets the high and low values of the slider.
    • New WebComponents.cq-double-slider#updateVisual function updates the slider view based on the slider attributes.
    • New WebComponents.cq-attribution#displayAttribution function displays messages about the chart data source.
  • Vue toolkit — 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 — 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.

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

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