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 demos 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 _multicharts featuresets to the disabled_features array of the Widget Constructor.
Orders, positions, potential income and loss are displayed on the chart in Trading Platform. s 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 the implementation to the library.
The Depth of Market (DOM) widget s frequent data updates and shows the volume for each price. Data is displayed in static mode. This means that the price series is fixed, while the current price moves within, above, or below the designated range.
s can also place orders right from the widget. Refer to Depth of Market for more information.
The Watchlist widget allows s to track their favorite symbols and switch quickly between the corresponding charts. s can create multiple lists and sort symbols by their names, price changes, and volumes. Refer to Watchlist for more information.
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.
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.
The Manager (Trading ) widget displays information from your broker , such as orders, positions, an balance, and more. s can manage their orders and positions from the widget. You can add custom tabs and tables to the widget. Refer to Manager for more information.
The Advanced Order Ticket dialog allows s to place different types of orders, including trailing stop, stop-loss, bracket orders, and more. To open this dialog, s should click the Trade button in Manager.
You can add custom fields, enable an order preview, or implement your own custom Order Ticket. Refer to Order Ticket for more information.
The Buy/Sell buttons are displayed next to the legend. Click the buttons to open Order Ticket and place orders instantly. Trading Platform also s bid/ask price lines on the chart.
The buttons can be customized with CSS.
Trading Platform includes all chart types available in Advanced Charts and additional types listed below:
Trading Platform allows s to create drawing templates. For more information, refer to the Drawings article.
Trading Platform can build seconds bars from ticks. For more information, refer to build_seconds_from_ticks.
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 Manager.
To enable the Watchlist, Details, Order Ticket, News, and Depth of Market widgets, you need to implement the Datafeed API methods related to trading. 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.
For more information on how to integrate Trading Platform, refer to the following articles: