freyastreamlit / streamlit-lightweight-charts-ntf

5 stars 4 forks source link

Add interactive tooltips to charts #52

Open SeifallahSnoussi opened 6 months ago

SeifallahSnoussi commented 6 months ago

Description: This pull request introduces interactive tooltips to the charts to enhance the data visualization experience by providing detailed information about each data point upon hover. The changes include:

Implementation of Tooltips: Utilized the subscribeCrosshairMove event to activate tooltips when users hover over chart elements.

Dynamic Data Display: Tooltips dynamically display corresponding data points and formatted time, offering immediate insight into the exact values at any given point on the charts.

Styling Enhancements: Updated tooltip styling for improved visibility and readability, ensuring that they are both informative and aesthetically pleasing.

Time Format Compatibility: Enhanced the tooltip functionality to accommodate and correctly display times in both Unix timestamp and ISO string formats.

Benefits: These changes improve user interaction with the charts. Users can now receive immediate, detailed feedback about the data as they explore visually.

Screenshots/Video:

Multipane_tooltips_screenshot

https://github.com/freyastreamlit/streamlit-lightweight-charts-ntf/assets/63883658/62804f78-74f7-41b9-9938-124cd3fa8d5a