关于echarts和span onclick事件冲突的问题

Question

<div id="tit" style="width: 500px;">
                <h2 class="h2font">呼叫系统走势图</h2>
                <!--<button onclick="tab1();">切换1</button><button onclick="tab2();">切换2</button><button onclick="tab3();">切换3</button>-->
                <div class="drawTab">
                    <span class="span1" id="s1" onclick="tab1()">月度</span>
                    <span class="span2" id="s2" onclick="tab2()">季度</span>
                    <span class="span3" id="s3" onclick="tab3()">年度</span>
                </div>
            </div>
            <div id="container" style="height: 100%;"></div>

这段代码实现的是通过span的onclick事件实现echarts页面的切换，之前我的上个问题和这个也有关系，目前把错误定位到echarts的这段代码上面
tooltip: {
trigger: 'axis'
},
去掉这个属性，onclick事件正常触发，但是echarts图形就没发看了，没有数据只有图形。
但是不去掉这个属性，onclick事件触发不了