请问echarts怎么实现只在绘图区域的点击?

白滚滚 发布于 2013/10/21 15:18
阅读 1K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:我用echarts做了一个带datazoom组件的图,现在想完成一个点击事件,但是我想要将触发的区域控制在绘图区域,把组件,横纵坐标都排除在外,这个可以实现吗?怎么实现呢?

加载中
0
Kener-林峰
Kener-林峰

抱歉,没这支持。

建议你自己在最外层dom监听click事件,然后通过鼠标坐标判断是否落在grid范围就行,grid默认自适应范围是最外层dom左右各减80px,上下各减60px,详见

http://efe.baidu.com/echarts/doc/doc.html#Grid

0
白滚滚

解决了,谢谢你的方法哦!

$(function(){     
    $("#main").each(function(){  
        $(this).click(function(event){ 
       
       
         //如果鼠标在规划范围内
       
          var x=event.clientX;
          var y=event.clientY;
         
              var divx1 = $('#main').offset().left+80;
              var divy1 = $('#main').offset().top+60;
          var divx2=$('#main').offset().left-80+$('#main').width();
          var divy2=$('#main').offset().top-60+$('#main').height();
          
         
          if((x>divx1)&&(x<divx2)&&(y>divy1)&&(y<divy2) ){

           //你的代码
            }
     
        });  
    }); 

返回顶部
顶部