echarts-gl icon indicating copy to clipboard operation
echarts-gl copied to clipboard

使用mapbox组件时,echarts会有一个canvas层盖住mapbox包含的marker、popup等元素

Open zhangby01 opened this issue 7 years ago • 5 comments

我在使用mapbox组件时发现,echarts会在mapbox容器同级创建一个canvas,这样的话,mapbox一些marker、popup,如果它们内含复杂DOM元素,如a、button,这些元素就不能正确响应鼠标单击了,请问该如何处理?

zhangby01 avatar Feb 02 '18 06:02 zhangby01

image 这是DOM结构; image 这是实际情况,我在marder中有放几个a标签,以及一个popup,都被echarts盖住,无法操作它们。

zhangby01 avatar Feb 02 '18 06:02 zhangby01

这个解决了吗?既然echartgl默认把canvas放到mapbox canvas之上,作为叠加层。那么mapbox 原生的要素当然z-index在下面。。可能需要在echartgl 中把鼠标事件继续传递给下层mapbox

alex2wong avatar Apr 05 '18 15:04 alex2wong

这个问题还没有解决,我暂时放弃echarts-gl了

zhangby01 avatar Apr 06 '18 03:04 zhangby01

这个问题还没有解决,我暂时放弃echarts-gl了

你好,我想问下放弃charts-gl后你使用了什么替代产品呢?感谢!

Renkosky avatar Oct 26 '20 10:10 Renkosky

image 这是DOM结构; image 这是实际情况,我在marder中有放几个a标签,以及一个popup,都被echarts盖住,无法操作它们。

找到一个办法,用对echarts的canvas设置pointer-events:none

Renkosky avatar Nov 01 '20 12:11 Renkosky