Trading Platform

Overview

Trading Platform 🔐 (access is restricted) is a standalone client-side solution that provides trading capabilities. Trading Platform is based on Advanced Charts and contains all its features.

If you already use Advanced Charts and want to get started with Trading Platform, refer to the How to migrate from Advanced Charts guide. Otherwise, you should refer to Quick start to start the implementation from scratch.

View Trading Platform demo

Trading Platform features

Multiple-chart layout

Users can display up to 8 charts on one layout using the Select Layout button on the top toolbar. Charts can be synchronized by a symbol, interval (resolution), crosshair, time, and date range.

Selecting multiple-chart layouts is enabled by default. If you want to disable this option, add the header_layouttoggle and support_multicharts featuresets to the disabled_features array of the Widget Constructor.

Chart trading

Orders, positions, potential income and loss are displayed on the chart in Trading Platform. Users can place orders right from the chart. To enable chart trading, implement the Broker API. Then use the broker_factory method in Widget Constructor to pass the implementation to the library.

Depth of Market

The Depth of Market (DOM) widget supports frequent data updates and shows the volume for each price. Users can place orders right from the widget.

Watchlist

The Watchlist widget allows users to track their favorite symbols and switch quickly between the corresponding charts. Users can create multiple lists and sort symbols by their names, price changes, and volumes. Refer to Watchlist for more information.

Details

The Details widget displays a certain symbol's information such as bid/ask prices, trading hours, and a price range during the day. To display the widget, you should enable the details property in the widgetbar settings. The widget requires quote data that you should send using the corresponding methods in the Datafeed API or UDF.

News

The News widget displays news on a certain symbol. You can fetch news using RSS or the library's API. Refer to News for more information.

Account Manager

The Account Manager (Trading Panel) widget displays information from your broker account, such as orders, positions, an account balance, and more. Users can manage their orders and positions from the widget. You can add custom tabs and tables to the widget. Refer to Account Manager for more information.

Advanced Order Ticket

The Advanced Order Ticket dialog allows users to place different types of orders, including trailing stop, stop-loss, bracket orders, and more. To open this dialog, users should click the Trade button in Account Manager.

You can add custom fields, enable an order preview, or implement your own custom Order Ticket. Refer to Order Ticket for more information.

Buy/Sell buttons and lines

The Buy/Sell buttons are displayed next to the legend. Click the buttons to open Order Ticket and place orders instantly. Trading Platform also supports bid/ask price lines on the chart.

Japanese chart types

Trading Platform includes all chart types available in Advanced Charts and additional types listed below:

• Renko
• Point-and-Figure
• Line Break
• Kagi

Drawing templates

Trading Platform allows users to create drawing templates. For more information, refer to the Drawings article.

How to migrate from Advanced Charts

If you want to migrate from Advanced Charts to Trading Platform, you should replace the charting_library folder in your project with the same folder from the trading_platform 🔐 (access is restricted) repository. At this point, you will have additional chart types (Renko, Point-and-Figure, Line Break, and Kagi), the synchronized multiple-chart layout, and an empty Account Manager.

To enable the Watchlist, Details, Order Ticket, News, and DOM widgets, you need to implement additional methods in the Datafeed API. You should also enable the corresponding featuresets or the Widget Constructor parameters. If you want to add trading capabilities, you should implement the Broker API. The part of the Trading Platform implementation is shown in the trading.html 🔐 (access is restricted) file.

Pay attention that data for the legend is requested in the getQuotes method on the mobile version of Trading Platform. If this method is not implemented, you may see the N/A values instead of prices.

See also

For more information on how to integrate Trading Platform, refer to the following articles:

• Core trading concepts: learn about the trading components, how they integrate into the chart widget, and how they work together.
• Widget Constructor: check the Widget Constructor parameters specific to Trading Platform.