Charting And Trading

Charts are the center of the HyperionX trading workflow. They combine market data, indicators, drawings, orders, positions, chart trader controls, AI assistance, and workspace state.

Chart Layout

A standard chart window contains:

• Top toolbar for instrument, timeframe, chart actions, indicators, strategies, AI, and multi-chart layout.
• Left toolbar for drawing tools.
• Main price panel for candles, indicators, orders, positions, and drawings.
• Optional indicator panels below the price panel.
• Price axis on the right.
• Time axis on the bottom.
• Chart Trader panel when enabled.
• AI avatar and chat panel when enabled.

Instruments And Data Series

Each chart is driven by an instrument and data series.

Common data series settings include:

• Instrument symbol.
• Provider/connection context.
• Data series type, such as minute, hour, day, tick, or custom.
• Data series value, such as 1 minute, 5 minutes, or 15 minutes.
• Historical range.
• Real-time update mode.

When a chart opens, it should first show a loading state while historical data is requested. After historical data loads, live updates can be applied as they arrive from the provider.

Chart Panels

The price panel and indicator panels should behave as separate visual areas.

Expected panel behavior:

• Price candles remain in the price panel.
• Indicator panels can have their own axis and scaling.
• Indicator panels should be resizable by dragging their divider.
• The indicator axis should be interactive where supported.
• Adding an indicator should not take half the chart by default.
• Removing an indicator should clean up its panel and not freeze the chart.
• Copyright and chart labels should move to the correct visible chart area.

Indicator Scaling

Indicator scaling depends on the type of indicator.

For volume indicators, a few very large bars can make normal bars look flat. HyperionX should support scale modes such as:

Mode	Behavior
Auto	Scale to the largest visible value. Best for exact full-range display.
Percentile Cap	Scale to a percentile such as 95%, 98%, or 99%. Very large bars clip visually but keep real values in tooltips/data boxes.
Log	Compress large spikes mathematically. Useful when volume varies by orders of magnitude.
Manual Max	User sets the maximum panel value. Useful for consistent comparison.

The recommended default for volume is a percentile cap, because it keeps normal bars readable while still showing that a spike occurred.

Drawing Tools

Drawing tools should follow predictable chart behavior:

• Select a drawing tool from the left toolbar.
• Draw on the active chart.
• After completing a drawing, return to mouse/select mode unless the user chooses a persistent drawing mode.
• Drawings should belong to the selected chart in multi-chart layouts.
• Drawing popups should follow the active theme.
• Text, Elliott Wave, lines, rectangles, rulers, and measurement tools should use the current chart coordinate system.

Chart Trader

Chart Trader is the order entry panel attached to the chart.

Chart Trader includes:

• Buy and sell buttons.
• Account selector.
• Instrument display.
• Time-in-force selector.
• Order size input.
• USD/quantity size mode.
• Quick size buttons.
• Leverage selector where supported.
• OCO strategy selector.
• Available balance.
• Estimated fee.
• Required margin.
• Position and entry state.
• PnL display.

Order Size Modes

HyperionX supports both quantity-style and USD-style order sizing.

Mode	Meaning
USD	The order box represents notional order value. HyperionX converts it into instrument quantity using the current price and multiplier.
Qty	The order box represents direct instrument quantity.

For crypto products such as BTC or ETH, USD mode is usually easier for discretionary trading because users think in dollar risk and notional size. Quantity mode is useful for precise contract or unit sizing.

OCO And Bracket Orders

OCO presets define exit behavior for a filled entry order. The entry size belongs to the main Chart Trader order box, not the OCO editor.

An OCO preset can define:

• Take-profit distance.
• Stop-loss distance.
• Parameter mode, such as ticks or USD/quote-price distance.
• Target size percentage.
• Stop behavior, such as move remaining stops to breakeven after a target fills.
• Time in force.

Single-target OCO presets should protect and exit 100% of the filled entry. Multi-target OCO presets split the filled entry by percentage.

Order Lines And Banners

Order banners should make trading state easy to read under pressure.

Expected order line behavior:

• Entry orders should have a visible banner.
• Bracket TP and SL orders should have clear banners.
• SL orders should use danger/red styling.
• TP orders should use profit/green styling.
• Entry orders should have a readable line and label.
• The close/X action should be visually clear.
• Order lines should remain visible for active states such as submitted, working, trigger pending, and accepted.

Multi-Chart Mode

Multi-chart mode should arrange charts according to the selected layout:

• 1 chart returns to the primary chart view.
• 2 vertical splits into two side-by-side charts.
• 2 horizontal stacks two charts.
• 3 and 4 chart layouts follow their icon arrangement.

Each chart can later change instrument independently. When the user selects a chart, shared toolbar controls should reflect that selected chart's instrument and timeframe.

Expected multi-chart behavior:

• Indicators from the source chart can be copied into the new charts when creating the layout.
• Chart Trader should resize correctly in each chart area.
• AI avatar should stay visible and resize for smaller chart panes.
• Chart Trader and AI chat should avoid covering each other.
• Drawing tools should target the selected chart.
• The selected chart should be visually clear.

AI On Charts

The AI avatar is chart-aware. It should remain available even if the chat panel is closed. Clicking the avatar opens the chat for the active chart.

The AI can receive read-only chart context:

• Symbol and timeframe.
• Recent candles.
• Visible candles.
• Indicator metadata.
• Strategy metadata.
• Chart Trader state.

The AI should not trade directly by default. Trading actions require explicit permissioned tools, confirmations, and risk controls.