Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

当echarts图表transform进行scale缩放时,出现鼠标焦点偏移的问题。 #3635

Closed
NameBU opened this issue Jul 14, 2016 · 4 comments

Comments

@NameBU
Copy link

NameBU commented Jul 14, 2016

问题简述 (One-line summary)

当echarts图表通过css3 transform属性进行scale缩放时,出现鼠标焦点偏移的问题。

版本及环境 (Version & Environment)

  • ECharts 版本 (ECharts version): 3.2.2
  • 浏览器类型和版本 (Browser version): Chrome 45、47、48、51等
  • 操作系统类型和版本 (OS Version): windows 7

重现步骤 (Steps to reproduce)

1.在Echarts图表的DOM节点上添加CSS属性 transform:scale(0.7);
2.重新刷新页面后会发现,鼠标焦点出现偏移。(可用地图、柱状图进行测试)

期望结果 (Expected behaviour)

鼠标焦点不会发生偏移。

可能哪里有问题 (What went wrong)

ECharts配置项 (ECharts option)

option = {

}

其他信息 (Other comments)

@addedjacky
Copy link

同求

@naeem-accessgroup
Copy link

This issue stops tool-tips and mouse-over effects from working correctly when transform is applied to charts. Transform works perfectly in eCharts 2 so this looks like a bug in mouse co-ordinate calculations for eCharts 3. Can someone advise on whether a fix will be made?

@100pah
Copy link
Member

100pah commented Oct 15, 2016

Fixed on ecomfe/zrender@2c667fd

@cn-xufei
Copy link

cn-xufei commented Nov 8, 2018

这个问题在最新的版本中还是存在

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants