停止在边界上平移

时间:2015-07-02 13:42:46

标签: javascript d3.js nvd3.js

我的折线图是这样的代码

http://bl.ocks.org/mbostock/4015254

我有直接监听缩放事件但是现在我想在没有数据存在的情况下停止平移...就像这个例子

http://computationallyendowed.com/blog/2013/01/21/bounded-panning-in-d3.html

我尝试过这次登录,但每次都会得到0,0

这是我的代码

function zoomedChart() {
    var _xDoamin =  x.domain();
    // console.log(_originalData)

    var t = zoomChart.translate(),
          tx = t[0],
          ty = t[1];
       console.log(tx,ty);
       console.log(svg.select("g.dataGroup"))
      // tx = Math.min(tx, 0);
      // tx = Math.max(tx, width);
      // zoomChart.translate([tx, ty]);

    svg.select(".x.axis").call(xAxis);

    drawLines();
}       


  svg.append("rect").attr("x", 0)
          .attr("y", 0)
          .attr("width", width)
          .attr("height", height).attr("class", "dummy")
          .call(zoomChart);

0 个答案:

没有答案