Charts
Overview
CWUI offers three types of charts: Market Depth, Price Chart and TradingView Price Chart. Use built-in chart features to customize and enhance your user experience.
-
Click the hamburger icon next to the current trading instrument to open the menu with the available charts and blocks.
-
Click any chart to display/hide in the trade room - refer to the attached screenshot.
Depth Chart
Market Depth Chart gives a quick glimpse into supply (Ask) and demand (Bid) on the market, by showing the available to buy/sell volumes at/above/below each price level. You may as well say that it visualizes the Order Book.
-
X axis shows prices
-
Y axis shows volumes
Click anywhere on the chart to populate the corresponding values in the Order Form. User mouse scroll to zoom in/out.
In the Order book, you can see level size bars that dynamically represent the volume of liquidity available at each price level. This visual mapping allows you to instantly identify heavy concentration zones (pools of liquidity) and volume imbalances between the Buy (Bid) and Sell (Ask) sides without needing to manually calculate numerical rows.
Depth Chart Orientation
Click Qty/Px icon in the upper left corner of the depth chart to switch between Price and Quantity based Depth Chart orientation.
-
Price orientation builds chart around the Mid price in the order book. Bid and Ask volumes are volatile in this case.
-
Quantity orientation builds chart around the specific market volume, which is similar for Bid and Ask sides. Mid price in this case is not a center of the chart. Price scale is not static for this type of depth chart. Zoom in and out to change the referenced volume.
-
All processed orders, transactions and commissions you may find in Transactions Report
-
All order events you may find in Order Events
-
All active orders you may find in Orders
Price Chart
Note, that enabling the TradingView Price Chart disables the default Price Chart and vise versa.
Price Chart is composed of a time series of price bars and can be seen as a graphical representation of the Trade History data. Each price bar represents: date, price and volume for the specific timestamp:
-
Opening time
-
Opening price
-
Highest price
-
Lowest price
-
Closing price
-
Trade volume
Price Chart Navigation
-
Hover over any price bar on the chart to display its parameters right within the chart view - refer to the attached screenshot.
-
The clickable cross-hair can re-center the chart if some of the parameters caused the display to be out of range.
-
X axis shows dates
-
Y axis shows prices
-
Click any price bar on the chart to populate the corresponding values in the Order Form.
-
Greyed chart at the bottom displays traded volumes.
-
User mouse scroll to zoom in/out.
-
Click-and-Drag mouse cursor to move the chart.
Historical Markup
When this feature is enabled, the system dynamically calculates and applies time-varying markup rates to historical price bars. Instead of applying a single flat rate, the system references the active markup value that was effective at the exact timestamp of each individual bar.If a user requests a historical timeframe that spans across a markup change event, the chart will split the calculations accordingly. Bars dated before the change will render with the legacy markup rate, while bars dated on or after the event will automatically display with the new markup rate.
-
All processed orders, transactions and commissions you may find in Transactions Report
-
All order events you may find in Order Events
-
All active orders you may find in Orders
TradingView
About
Millions of traders and investors worldwide favor TradingView charting platform. It provides advanced charting tools and a forum for market-driven individuals to communicate, create charts, and ready themselves for trades. It also offers crucial market research data in multiple formats.
Refer to the TradingView Help Center to learn more about chart features.
To Enable TradingView
In case TradingView mode is disabled, contact your admin for details. You can contact your admin to enable Docking feature for this chart.
Enable TradingView Block to display TradingView Price Chart.
Note, that enabling the TradingView Price Chart disables the default Price Chart and vise versa. In case you leave the TradingView mode, your settings will be saved in the local storage and you can come back and resume your work. However, TradingView settings will be lost in case or after you close the current trade instrument tab in the upper pane of the application.
Chart Parameters
| Parameter | Description |
|---|---|
| Click to select a plotter type. | |
| Click to select a chart time frame. Use mouse scroller to zoom in and out in time. | |
| Click to select a price type. | |
| Click to select technical indicators to display in the chart. |
Plotter Type
You can choose between four types of a price chart.
| Type | Description |
|---|---|
| Bar charts show multiple price bars over time. Each bar, typically, shows open, high, low, and close (OHLC) prices for that period. Source. | |
| Area charts highlight the overall security movement trend. Area charts show big picture with little details. | |
| A line chart is a graphical representation of an asset's historical price action that connects a series of data points with a continuous line. This is the most basic price chart type used in the finance and to depict a security's closing prices over time. Source. | |
| A candlestick price chart displays high, low, open, and closing prices of a security for a specific period. Source. |
Time Frame
Time Frame is the difference between the closing and opening timestamps. Open, close, high and low prices, and the trade volume are calculated and displayed per time frame. The selected time frame scales the whole chart to display data for this particular time. E.g.: for a 5 min time frame each point on the line chart will represent a 5 min time range with open, close, high and low prices, and the trade volume calculated for this time frame. For a 1 min time range, there will be five times more points on the chart than for a 1 min one. For candlesticks and bars charts, time frame applies to each candlestick/bar, for area and line charts - for each point of the chart.
Price Type
You can display your price chart based on either Bid, Ask or Mid prices.
| Type | Details |
|---|---|
| ASK | The open, high, low and close price values are based on the best ASK prices presented in the order book at the given time frame. Use when buying. Ask price line appears on the chart. Best of the Ask price is displayed. |
| BID | The open, high, low and close price values are based on the best BID prices presented in the order book at the given time frame. Use when selling. Bid price line appears on the chart. Best of the Bid price is displayed. |
| MID | MID p=Price - the average of the current BID and ASK prices being quoted. Source The open, high, low and close price values are based on the MID prices presented in the order book at the given time frame. Mid price line appears on the chart. Use to estimate the average market values of an asset. Best of the MID price is displayed. |
Technical Indicators
About
Moving averages are used to produce buy and sell signals based on crossovers and divergences from the historical average on trending markets.
-
Simple Moving Average (SMA): Simple Moving Average is a fundamental technical analysis tool for determining if an asset price will continue or reverse a bull or bear trend. Moving averages are an important analytical tool used to identify current price trends and the potential for a change in an established trend. A simple moving average smooths out volatility, and makes it easier to view the price trend of a security. The SMA is calculated as the arithmetic average of an asset's price over some period. Source
-
Exponential Moving Average (EMA): In comparison to the SMA, Exponential Moving Average (EMA) places a greater weight and significance on the most recent data points and reacts more significantly to recent price changes. EMA gives a higher weighting to recent prices, while the SMA assigns equal weighting to all values. EMAs are commonly used in conjunction with other indicators to confirm significant market moves and to gauge their validity. Source
-
Smoothed Moving Average (SMMA): The Smoothed Moving Average is a variation of the SMA and the EMA with a greater smoothing effect. By incorporating more past data into its calculation, it reduces price fluctuations and market noise more effectively than the SMA and EMA. The Smoothed Moving Average includes more data than the WMA, EMA, and SMA and filters out a lot of noise. However, this also makes it much slower to react to price movements. Source
-
Relative Strength Index (RSI): The Relative Strength Index is a momentum oscillator that is used in technical analysis to measures the speed and magnitude of a security’s recent price changes to detect overbought or oversold conditions in the price of that security. The RSI is displayed in an independent panel directly below the main price chart a line graph on a scale of 0 to 100. An RSI reading of 70 or above typically indicates an overbought condition. A reading of 30 or below indicates an oversold condition. In addition to identifying overbought and oversold securities, the RSI can also indicate securities that may be primed for a trend reversal or a corrective pullback in price. Source
-
Moving Average Convergence Divergence (MACD): Moving average convergence/divergence (MACD) is a technical indicator that helps investors identify price trends, measure trend momentum, and identify entry points for buying or selling a security. The MACD line is calculated by subtracting the 26-period exponential moving average (EMA) from the 12-period EMA. The calculation creates the MACD line. A nine-day EMA of the MACD line is called the signal line, plotted on top of the MACD line, which can function as a trigger for buy or sell signals. MACD is displayed in an independent sub-panel below the main price chart. Source
-
Bollinger Bands (BB): Bollinger Bands are a technical analysis tool that shows the volatility of an asset and potential overbought or oversold conditions by plotting two standard deviations away from a simple moving average. When a stock's price is close to the upper Bollinger Band, it might be overbought; if it's near the lower band, it might be oversold, signaling potential trading opportunities. Bollinger Bands work best as a secondary indicator, providing confirmation when used alongside other tools like relative strength index (RSI) and moving average convergence divergence (MACD). Source
-
My Orders: A native system indicator that displays your orders directly on the price chart. You can edit or modify your orders directly from the chart view.
Default Indicator Configurations
When added, indicators use the following pre-configured default values:
| Technical Indicator | Default Periods | Default Multiplier / Extra Settings | Overlay Type |
|---|---|---|---|
| Simple Moving Average (SMA) | 10 | — | Overlay (Main Chart) |
| Exponential Moving Average (EMA) | 10 | — | Overlay (Main Chart) |
| Smoothed Moving Average (SMMA) | 10 | — | Overlay (Main Chart) |
| Relative Strength Index (RSI) | 16 | — | Independent Sub-Panel |
| Bollinger Bands (BB) | 20 | Multiplier: 2 | Overlay (Main Chart) |
| Moving Average Convergence Divergence (MACD) | 12 (fast), 26 (slow), 9 (signal) | — | Independent Sub-Panel |
Customize Indicators
You can customize indicators when adding them:
The My Orders indicator is loaded dynamically by default for all users. Unlike customizable technical indicators, it is a locked system tool and cannot be edited, deleted, or removed from your indicators settings panel. However, you can toggle its visibility on the price chart.
-
Select Indicators and choose an indicator.
-
In Inputs, select a period.
-
In Colors, select color in which the plot will be displayed and then select Add.