加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

echarts 鼠标滚动放大缩小效果

(2016-04-27 22:44:17)
分类: htmlcssjsnodejs
$(function(){
                    $("#main").bind("mousewheel", function(event,delta) {
                        //console.log(delta)
                        var i=1;
                        var start_t=0;
                        var end_t=100;

                        if(delta==-1){
                            //i=-1;
                            start_t=option.dataZoom.start+i;
                            end_t=option.dataZoom.end-i;

                            //不能相等
                            if(start_t>=0 && end_t<=100 && (start_t!=end_t)){
                                option.dataZoom.start += i;
                                option.dataZoom.end -= i;
                            }else{
                                return ;
                            }
                        }else{
                            //i=1;
                            start_t=option.dataZoom.start-i;
                            end_t=option.dataZoom.end+i;
                            if(start_t>=0 && end_t<=100){
                                option.dataZoom.start -= i
                                option.dataZoom.end += i;
                            }else{
                                return ;
                            }
                        }
                        ;
                        //option.dataZoom.end += i;
                        //option.dataZoom.start += i
                        //console.log(option.dataZoom.start+'@@@'+option.dataZoom.end)
                        option.animation = false;
                        myChart.clear();
                        myChart.setOption(option);
                    });
                })

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有