Enhance Basic and Smoothed Line Charts with Interactive Tooltips

[Manahil-Afzal]

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)

• 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.
• 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.

. Basic Line Chart:

. Smooth Line Chart:

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.