<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" onclick="tab1();">月度</span><span class="span2" onclick="tab2();">季度</span><span class="span3" onclick="tab3();">年度</span></div></div>
<div id="container" style="height: 100%;"></div>
源码是想实现通过span的onclick来切换echarts的图表,刚开始用button测试成功,在button存在的时候点击span的区域测试也成功,但是去掉button后span的active和hover事件全部失效,onclick也失效,但是在页面加载的时候,span的active和hover是存在的。不懂是什么原因,求大神解答
将event.stopPropagation(); 加在那几个函数里
试过了,但是提示找不到函数? 加了jqury的库也没用
我发现是echarts
tooltip: {
trigger: 'axis'
},
的问题,但是把这个属性移除后,折线图没法看了了,不能显示信息
浏览器f12调试
没报错,但是就是没效果
@FFFFFFFly: 你去掉之后会不会影响echarts插件的样式上下级嵌套?然后事件失效
@徒然喜欢你: 移除那个属性后,鼠标放上面不能显示点的信息了,应该就是控制这个功能的
@FFFFFFFly: https://ecomfe.github.io/echarts-examples/public/index.html