小编Pet*_*uju的帖子

d3v4 - 缩放(相当于d3.zoom.x)

我正在将我的d3代码从v3迁移到v4,并且在找到d3.zoom.x,d3.zoom.y属性的等效代码时遇到问题.

这是代码的一小部分,包括最重要的元素:

            this.init = function(obj, def) {

            /* X-axis */
            x = d3.scaleTime()
                .range([0, width]);


            xAxis = d3.axisBottom(x)
                .ticks(ticks);

            svg.append("g")
                .attr("class", "x axis")
                .attr("transform", "translate(0," + height + ")");

            /* Y-axis */
            for (var i = 0; i < 1; i++) {
                // Returns the y and yAxis as arrays
                createYAxis(i);
            }

            initZoom();

        };
            // Zoom trigger
            var drawUpdXY = function(){
                setPause(true);
                drawUpd();
                zoomY.y(y[0]);
                zoomX.x(x);


            zoom = d3.zoom()
                .on("zoom", drawUpdXY);

            zoomX = d3.zoom()
                .on("zoom", drawUpdX);

            zoomY = d3.zoom()
                .on("zoom", drawUpdY); …
Run Code Online (Sandbox Code Playgroud)

javascript zooming d3.js d3v4

8
推荐指数
1
解决办法
1805
查看次数

标签 统计

d3.js ×1

d3v4 ×1

javascript ×1

zooming ×1