Manahil-Afzal opened a new pull request, #133:
URL: https://github.com/apache/echarts-examples/pull/133
## Description
This PR enhances the Basic Line Chart and Smoothed Line Chart examples in
the `echarts-examples` repository by adding interactive tooltips.
Currently, the examples display static data but do not allow users to easily
see the corresponding X-axis category and Y-axis value for each point.
---
## Before
- **Basic Line Chart:** [150, 230, 224, 218, 135, 147, 260]
(Static, no tooltip interactivity)
![Uploading Basic Line Chart.gif…]()
- **Smoothed Line Chart:** [820, 932, 901, 934, 1290, 1330, 1320]
(Static, no tooltip interactivity)
---
## Added/Changes
- Implemented a **tooltip formatter** to show the category (X-axis) and
value (Y-axis) when hovering or clicking on a point.
- Applied this functionality to **both Basic and Smoothed Line Chart
examples**.
- Enhanced charts for better **developer learning experience**, making them
more interactive.
- Updated `line-simple.ts` and `line-smooth.ts` files with the tooltip logic.
- Added `symbolSize` and `emphasis` options to highlight points on hover.
---
## After
- Users can now hover over any data point on the chart and see its category
and value instantly.
- Both line charts are interactive, making them more informative for
developers.
> 
---
## More Clarification
- This PR **does not modify any unrelated files**; only the two line chart
examples were updated.
- The tooltip enhancement is consistent with ECharts’ best practices for
chart interactivity.
- These updates help developers quickly understand data points without
inspecting code manually.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
