[Interactive Chart] - Display Time and Price on Axes Based on the Mouse Hover Position

[Costa769]

Overview

The price chart should provide real-time feedback on the exact time and price whenever the user hovers the mouse over any point on the chart. This is crucial for users to track specific price movements at given times, aiding in informed decision-making for trading strategies.

Reference

TradingView

Implementation

• When a user hovers the mouse over any point on the chart, both the exact time and corresponding price should be displayed on the axes similar to how it is implemented in TradingView.
  -- The time should be displayed on the x-axis (horizontal axis).
  -- The price should be displayed on the y-axis (vertical axis).
• The information displayed on the axes must dynamically update in real time, based on the user's hover position.
• When hovering over any drawn shapes (like lines, channels, or triangles), the same logic should apply, with the hover showing corresponding prices and dates.
• The granularity of each mouse movement and the time displayed on the axis should align with the chart's time frame. For example, if the chart displays prices at a daily level, the smallest movement of the mouse pointer should change the time by one day.
• The information displayed on axes should appear in a format that is consistent with the overall design of the chart (both pricing and date format as well as font size, color, etc.).
• The hover functionality should work for all zoom levels and time frames
• The display of the hover information should be seamless and smooth, with no noticeable delay or lag.