遇到的问题是
我有两个按钮,点击第一个按钮生成echarts图表一,点击第二个按钮生成echarts图表二,第-个z-index为1, 第二个z-index为2,已知两个图表重叠。我在点击第一个按钮后,生成了图表一,此时图表二还没有生成,此时鼠标悬浮在图表一上,无法显示tooltip。不能移动图表,且两个图表都能显示tooltip。
另外一个问题是,echarts覆盖在了地图上,导致覆盖的位置上无法进行测距。
解决方法:把地图z-index设置为2,echarts的z-index设置为1,在生成echarts时,先拿到dom元素,再改变z-index为3,在清除echarts之前,改变z-index为1。
生成前
//Student图表
this.domStudent3 = this.$refs.studentInfo3;
this.domStudent3.style.zIndex = 3;
即将clear前
this.domStudent3.style.zIndex = 1;
this.studentChart3.clear();