question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't disable emphasis state in Echarts 5.x ?

See original GitHub issue

Version

5.1.1

Reproduction link

https://jsfiddle.net/qcmgetan/

Steps to reproduce

Simply mouse over the serie.

What is expected?

Emphasis state should be disabled

What is actually happening?

Emphasis state is not disabled


I can’t manage by any way to prevent my series to go in emphasis state on mouse over, though emphasis.focus: "none" and emphasis.scale: false or even serie.silent: true are set.

lineStyle.width grows to 1px more and areaStyle.color also change. The weird part is that if you set serie.emphasis.lineStyle.width to 1 it takes account of it and “fix” the problem, so it looks like emphasis is still enabled therefore emphasis.scale is set to false. I could go with that but I couldn’t manage to find a way to set serie.areaStyle.opacity as identical.

If I set serie.emphasis: null, serie.lineStyle.width do not change but serie.areaStyle.color does.

I did not have this issue with Echarts 4.x

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:16 (7 by maintainers)

github_iconTop GitHub Comments

2reactions
Sakkyoku-Shacommented, Sep 16, 2021

+1

On very large series this leads to some performance loss, ideally this functionality can be disabled altogether.

2reactions
plainheartcommented, May 17, 2021

Overall, it would be better to revert the design about ‘[Design] Bolder lineWidth when hover.’ #12931

Read more comments on GitHub >

github_iconTop Results From Across the Web

[GitHub] [echarts] pissang commented on issue #14952: Can't ...
[GitHub] [echarts] pissang commented on issue #14952: Can't disable emphasis state in Echarts 5.x ? GitBox Mon, 17 May 2021 01:49:50 -0700.
Read more >
Changelog - Apache ECharts
Unify the previous different state configurations in series, like highlightPolicy , focusNodeAdjacency , hoverOffset , by the option focus , blurScope and scale ......
Read more >
New features in ECharts 5 - The Apache Software Foundation!
In ECharts 4, there were two interactive states, emphasis and normal , graph will enter the emphasis state when the mouse hovered to...
Read more >
How to manually apply emphasis on series in echarts bar ...
Yes, it's easy. The Echarts API has two methods with opposite actions: action.highlight — set emphasis style to dataPoint. action.downplay ...
Read more >
ECharts Document
seriesIndex === 5) { // clicked on a markPoint which belongs to a series indexed with 5 } ... ECharts 2.x triggers actions...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found