d3 API zoom

常用的看明白了,还有几个地方不太明白。

 

zoom函数: area path circle

.on("zoom", function(){
                        that.svg_obj.select(".x.axis").call(xAxis);

                        var _lines = that.lines;
                        for(var i=0; i<_lines.length; i++){
                          that.svg_obj.select(".g"+i+" path.line")
                                      .attr("d", lineFunction(_lines[i].dataset))
                                      ;
                          that.svg_obj.select(".g"+i+" path.area")
                                      .attr("d", areaFunction(_lines[i].dataset))
                                      ;
                          that.svg_obj.selectAll(".g"+i+" circle").attr("d", function(){
                                  that.svg_obj.selectAll(".g"+i+" circle").attr('cx', function(d,i){
                                          return xScale(i);
                                         })
                                    .attr('cy', function(d){
                                      return yScale(d);
                                    })
                                         ;
                          });
                        }
                        
                      });

  

 

posted on 2016-08-18 19:30  j.w  阅读(419)  评论(0编辑  收藏  举报