[]
(Showing Draft Content)

Candlestick EChart

Candlestick Charts are used to analyze price movements over time and help predict market trends. Each candlestick displays the open, close, high, and low prices of an asset within a selected time frame.

Chart Components

  • Body: The rectangle represents the open and close prices.

  • Wicks: Lines extending from the body indicate high and low prices.

  • Moving Average (MA) Line: Represents average price over time, helping visualize market trends.

  • Bullish: Close price is higher than open (typically green or white).

  • Bearish: Close price is lower than open (typically red or black).

Supported Modes

Wyn supports two visualization styles:

  • Candlestick: Traditional candlestick shape showing OHLC values.

  • Bar: Vertical line with horizontal ticks for open (left) and close (right) prices.

Create a Candlestick EChart

  1. In the Dashboard Designer, click the Custom Visualization icon.

  2. Drag the Candlestick EChart to the canvas.

  3. In the Data Binding tab, map fields to:

    • Date

    • Open

    • Close

    • High

    • Low

  4. To add a Moving Average Line, click the gear icon next to a value field (e.g., Average of Close) and select Add MA Line.

Format Data Attributes

Click the gear icon next to any data field to:

  • Aggregate Data: Use methods like Sum, Avg, Min, Max, etc.

  • Apply Quick Functions: Date-based, Ranking, Percentile, Moving Avg., and more.

  • Filter: Limit displayed data.

  • Rename or Remove: Adjust or clean up field names.

  • Customize Tooltips: Modify data, expressions, and styling.

Analyze Data

Use the Action Bar to:

  • Filter: Display relevant data only.

  • Sort: Arrange data meaningfully.

  • Conditional Visualization: Highlight, compare, or rank data.

  • Modify Binding: Update data fields.

  • Reference Lines: Add static markers for context.

Customize Appearance

Open the Inspector Panel to adjust chart styling, layout, and interactions.

Chart Style

  • Opacity, Canvas Padding, Custom JS options, Auto Gradient

Candlestick Style

  • Mode: Candlestick or Bar

  • Line/Bar Width

  • Bullish/Bearish Colors (body and border)

Moving Average Style

  • Customize line type, color, thickness, symbol, and handling of nulls.

Animation & Data Visualization

  • Entrance effects, auto carousel, zoom axis, and null value handling.

Interaction

  • Set scenario name, cross-filtering, jump actions, auto-refresh, menu actions, and click behavior.

Titles, Tooltips, and Axis Settings

  • Show/hide titles, alignments, font settings, axis pointers, label formatting, grid lines, and more.

Legend & Special Data

  • Toggle legend, handle null/blank values, customize "No Data" display.

Layout & Appearance

  • Positioning, size, padding, margin, background, border, and shadow settings.