Hover animation for series

[prathapjayaraj]

Version

4.2.1

Steps to reproduce

1. Create line chart with a marker like

What is expected?

Hover the marker line in the chart. it gets highlighted. Same way while hovering the echart series, I'm expecting the entire series highlighted .

What is actually happening?

Only the plots get animated, not the entire line chart series

[echarts-bot]

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

Have a nice day! 🍵

[Ovilia]

You can listen to hover events by chart.on('mouseover', function(n) { ...}) and use setOption to update style in callback function. See https://echarts.apache.org/en/api.html#events.Mouse%20events.mouseover for more information.

[prathapjayaraj]

The event is triggered only in the data points not in the hovering the series lines. I have attached the file. Please rename to html and hover the data points to see the event gets triggered. But I want the same event to be triggered even hovering the series line.

multiple-x-axis.html.txt

[MINDoSOFT]

Hi there @prathapjayaraj ,

please use jsfiddle when uploading examples. It is really time saving!
I have added your code in the following jsfiddle
https://jsfiddle.net/hoynve9m/1/

[Ovilia]

I don't think ECharts supports highlight the line.

[renwenci]

anyone has a solution ? also encounter the same problem

[nouman0320]

Is there any update if this feature is going to be implemented?

[ghost]

I don't think ECharts supports highlight the line.

@Ovilia why not? My client needs this feature and I'm handicapped. They want to be able to see a hover when they hover over the line series.

[susiwen8]

@JJZolper I think 5.0 support this feature now cc @pissang

[ghost]

Great, I see that when I hover over the line the animation on the line emboldens the line.

@Ovilia Maybe I need a new ticket but unlike the scatter graph shown in my fiddle I do not get an event when I hover over the line: https://jsfiddle.net/JJZolper/10q3nyk8/21/

NOTE: I'm aware that when I leave the mark points on the line this causes an event on the series but I really think hovering anywhere on the line should cause the event. Especially now considering the developers added the animation for a hover anywhere on the line.

Opened: #13843