[PR] Enhance Basic and Smoothed Line Charts with Interactive Tooltips [echarts-examples]

Thu, 15 Jan 2026 10:53:24 -0800 


Manahil-Afzal opened a new pull request, #134:
URL: https://github.com/apache/echarts-examples/pull/134

   ## 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)  
   
   ![Basic Line 
Chart](https://github.com/user-attachments/assets/cdf9238b-a8fb-4abd-949b-3a88b9646fbe)
   
   - **Smoothed Line Chart:** [820, 932, 901, 934, 1290, 1330, 1320]  
     (Static, no tooltip interactivity)  
   
   ![Smooth Line 
Chart](https://github.com/user-attachments/assets/1bf89382-9799-462e-ad19-215ba002ab41)
   
   
   ## 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.  
   
   >. Basic Line Chart:
   > ![After Basic 
Line](https://github.com/user-attachments/assets/790a84c7-2b35-477e-bf7e-c34a3cf74dab)
   
   >. Smooth Line Chart:
   ![After Smooth 
Line](https://github.com/user-attachments/assets/e66c237c-f13a-471d-92d6-21148db03eb8)
   
   
   ## 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]

Reply via email to