Question

我很难让它正确缩放：http://jsfiddle.net/sjp700/TDz8k/ Pan工作正常，但是放大/缩小时形状大小不会更新，因此它的持续时间会增加。有什么想法吗？

 var applyZoom = function() {
        // Re-apply the zoom behavior.
        zoom = d3.behavior.zoom()
         .x(xRange)
        //.y(y)
         .on("zoom", function() { update() });
         vis.call(zoom);
    }

由于

Answer 1

移动

    group.selectAll(".rectband")
         .attr("width", function (d) { return xRange(new Date(d.end)) - xRange(new Date(d.start)) })
         .attr("height", 18)
         .attr("rx", 10)
         .attr("ry", 10)
         .style("opacity", .5) // set the element opacity
         .style("stroke", "black"); // set the line colour;

在更新功能中，并在初始化图形时调用update（）

在缩放时，形状不会因x轴行为而调整大小

1 个答案: