Getting started
Chart interface
Web components
Chart internals
Data integration
Frameworks and bundlers
Mobile development
Time Span Events
Term structures


Throughout the documentation, we make use of terminology that is related to charting. You can refer back to this glossary as you encounter new terms while you read through the documentation.

  • bar , tick, candle, data point - A horizontal location on the chart. Each "bar" represents activity across a timeframe we call "periodicity".
  • callbacks - Functions that the chart can call when certain events occur (i.e. click, move, new symbol)
  • data server - A source for market data. For instance, a remote server that delivers an array of OHLC bars over a network connection( i.e. Ajax or a WebSocket).
  • dataSegment - The portion of a dataSet that is rendered on the screen. Partially visible data and the next data point to be displayed, if available, will also be in the dataSegment. This will move as the user navigates the chart.
  • dataSet - A copy of the masterData array that has been supplemented with the results of study formulas and series.
  • drawings - Drawings that a user makes on a chart, such as line, annotation (text) or Fibonacci.
  • injections - Custom code that you can write to modify the libraries behavior, using prepend or append methods.
  • interval - The timeframe represented by each "bar" that is sent by your data server (for instance "1 minute bars", "5 minute bars", "daily bars")
  • markers - DOM elements that can be attached to the chart so that they move as a user navigates the chart.
  • masterData - The OHLC data array underlying the chart.
  • OHLC - Open, High, Low, Close are the typical values displayed on stock charts.
  • pagination - Prepending data to the beginning of a chart as a user scrolls back in time.
  • periodicity - The timeframe represented by each bar/candle/datapoint on a chart. Usually this is the same as interval, but bars can be "rolled up". For instance, the chart can display "monthly" bars from daily data.
  • quotefeed - An object you build as a developer to integrate your server's data into the charting engine. See Next Steps below.
  • range - The leftmost and rightmost dates visible on the chart. For instance, January 1st to January 31st.
  • series - Additional data, such as comparison symbols, that is added to the masterData
  • span - The amount of time displayed across the entire chart. For instance, a chart that displays January 1st to January 31st has a span of "1 month".
  • streaming - Adding more data to the end of a chart as time progresses.
  • study or indicator - A formula that is applied to the masterData which produces an additional visual on the chart. These can be overlays which are superimposed on the chart or they can be panel studies that display in individual panels stacked below the chart.
  • symbol - The string that represents a stock symbol. This is passed to stxx.loadChart(). Most firms have their own "symbology". Often symbols will combine different pieces, for instance "AAPL.LSE" might represent Apple on the London Stock Exchange. Another firm might represent this as "AAPL LON". If you need more than one field, you can use a symbolObject instead of a symbol. See: symbolObject.
  • TFC - Trade From Chart plugin (module) that can be enabled for "visual trading".
  • $$$ - A shortcut for document.querySelector that is included with the library.