The Eye#

Intraday OHLC candlestick chart with a market-range meter. Auto-fetches on mount and refreshes every 5 minutes.

For shares / indexes / ETFs the chart shows past-day data in 5-minute intervals. For coins it shows past-24-hour data in 30-minute intervals. The intraday series ultimately comes from fetch_intraday_prices().

Only one <the-eye> can be mounted per page – the component hardcodes the Highcharts container DOM id as chart.

Backing endpoint#

The component does a GET against /core/the-eye/{user_item_pk}/fetch/ (served by TheEyeAjaxView) and expects the following JSON response:

{
    "status": true,
    "data": {
        "symbol": "...",
        "min": { "value": ..., "formatted": "..." },
        "max": { "value": ..., "formatted": "..." },
        "open": ...,
        "close": ...,
        "prices": [
            { "x": ..., "open": ..., "high": ..., "low": ..., "close": ... },
            ...
        ]
    }
}

  • symbol – displayed as the chart series name.

  • min / max – value + formatted-display pair for the <meter> range bar above the chart.

  • open – optional millisecond timestamp; when present, a vertical “Market open” plot line is drawn at that x.

  • close – optional millisecond timestamp; when present, a vertical “Market close” plot line is drawn at that x.

  • prices – OHLC candlestick data points.

If status is false (or the prices array is empty), the component renders a “no-data” placeholder instead of the chart.

Component accepts following params:

  • item (required) – UserItem primary key. Sent verbatim in the URL path.

On this page

This Page