鼠标向下缩放从01/01/70开始

时间:2015-07-01 15:13:49

标签: javascript d3.js data-visualization nvd3.js

d3.js的折线图... 从这里::(http://bl.ocks.org/stepheneb/1182434

但是当开始拖动所有点向左移动并且x轴是ime scale从01/01/70开始而不是需要太多的平移以获得实际值2010 ... 一旦我们泛起来比工作好,但在开始所有去01/01/70 ..任何想法?

var x =  d3.time.scale().range([0, width]);
var zoomChart = d3.behavior.zoom()
    .x(x)
    .on("zoom", zoomedChart);

function zoomedChart() {
    svg.select(".x.axis").call(xAxis);
    svg.select(".y.axis").call(yAxis);   
    svg.select(".yy.axis").call(yyAxis);   
    drawLines();
}   


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


   var supercumulate = alllinesdata;
   x.domain(d3.extent(supercumulate, function (d) { return d.date; }));
    xmin = new Date(d3.min(supercumulate, function (d) { return d.date; }));

    xmax = new Date(d3.max(supercumulate, function (d) { return d.date; }));
    if(xmin!= 'undefined' && xmax!=undefined && xmin.getTime()==xmax.getTime()){
        xmin = xmin.setDate(xmin.getDate() - 1);
        xmax = xmax.setDate(xmax.getDate() + 1);
        x.domain(d3.extent([xmin, xmax]));
    }

enter image description here

0 个答案:

没有答案