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

Echarts3 tooltip 层级问题 #4627

Closed
baizn opened this issue Dec 5, 2016 · 2 comments
Closed

Echarts3 tooltip 层级问题 #4627

baizn opened this issue Dec 5, 2016 · 2 comments
Labels
stale Inactive for a long time. Will be closed in 7 days.

Comments

@baizn
Copy link

baizn commented Dec 5, 2016

One-line summary [问题简述]

使用echarts绘制地图后,在地图上面动态绘制了一些柱子,如下图:
image

tooltip被绘制的柱子覆盖了,如何设置 这个层级关系,分别设置了z,zlevel,动态绘制柱子的z-index,extraCssText里面设置z-index等方法,都不起作用。

Version & Environment [版本及环境]

  • ECharts version [ECharts 版本]: echarts3.0
  • Browser version [浏览器类型和版本]: chrome52
  • OS Version [操作系统类型和版本]: win10

Expected behaviour [期望结果]

tooltip在最上层。

ECharts option [ECharts配置项]

option = {
trigger: 'item',
                                    extraCssText: 'z-index: 10000; opacity: 1; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);',
                                    z: 100,
                                    textStyle:{
                                        color:"#fff",
                                        fontSize:"50"
                                    },
                                    backgroundColor:"#002864",
}

Other comments [其他信息]

@pissang
Copy link
Contributor

pissang commented Dec 5, 2016

你这个柱子是怎么画的?

@baizn
Copy link
Author

baizn commented Dec 5, 2016

就是一个div,绝对定位上去的。

@Ovilia Ovilia added the stale Inactive for a long time. Will be closed in 7 days. label Jul 30, 2019
@stale stale bot closed this as completed Aug 7, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
stale Inactive for a long time. Will be closed in 7 days.
Projects
None yet
Development

No branches or pull requests

3 participants