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 :meth:`~richy.core.scraper.Manager.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
:class:`~richy.core.views.TheEyeAjaxView`) and expects the
following JSON response:

.. code-block:: text

    {
        "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) --
  :class:`~richy.core.models.UserItem` primary key. Sent
  verbatim in the URL path.