相关疑难解决方法(0)

我正在尝试创建一个带有时间刻度的条形图,可以放大到任何时间段.我能够为我的x轴(时间刻度)创建缩放功能,但是我的数据(在这种情况下是rects)不会随着我的轴一起变焦.

这是我的图表的简化版本:http://jsfiddle.net/gorkem/Mf457/5/embedded/result/ 正如您所看到的,我可以放大到我的x轴,但条形不会放大.

这里是jfiddle链接:http://jsfiddle.net/gorkem/Mf457/6/

var y = d3.scale.linear().domain([0, max_val]).range([graph_height, 0]);
var x = d3.time.scale().domain([minDate, maxDate]).range([0, graph_width]);

var chart = d3.select(location).append("svg")
    .attr("class", "chart")
    .attr("width", graph_width+20)
    .attr("height", graph_height+20)
    .call(d3.behavior.zoom().x(x).scaleExtent([1, 8]).on("zoom", zoom));

var lines = chart.selectAll("line");

var lines_y = lines
    .data(x.ticks(5))
    .enter().append("line")
    .attr("x1", x)
    .attr("x2", x)
    .attr("y1", function (d) {return graph_height - 20 - d;})
    .attr("y2", graph_height)
    .style("stroke", "#ccc");

var lines_x = lines
        .data(y.ticks(10))
        .enter().append("line")
        .attr("x1", 0)
        .attr("x2", graph_width)
        .attr("y1",  y)
        .attr("y2",  y)
        .style("stroke", "#ccc");

xAxis = …