echarts tooltip设置正常却无法显示被遮挡设置层级堆叠顺序的问题解决方案

准确的来描述，echarts tooltip设置正常，却无法显示的问题，都是被遮挡了。
实例如下：

HTML中DOM代码：

  <div id="echart1"></div>

HTML中对应的css代码：

#echart1 {
    height: 400px;
    width: 100%;
    background-color: #393D49;
    border-radius: 0 0 5px 5px;
    position: relative;
    z-index: -9999;
}

当z-index: -9999时，默认被遮挡，调整或则删除即可。

z-index 属性指定一个元素的堆叠顺序。
拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注意： z-index 进行定位元素(position:absolute, position:relative, or position:fixed)。