javascript - d3.js zoom.translate 向量的单位是什么?

标签 javascript d3.js charts line real-time

我正在尝试使用取自 this 的以下代码当新数据添加到图表中时,横向平移我的时间序列折线图的示例:

       d3.select("path")
            .datum(globalData)
            .attr("class", "line")
            .attr("d", valueline(globalData))
        .transition()
            .ease("linear")
            .attr("transform", "translate(" + x(-dx) + ")");

但这不起作用 - 我的线路消失了。我试图了解翻译向量的单位需要是什么才能使它起作用。在我的例子中,dx 将是新数据的第一个和最后一个 x 值之间的差异。

最佳答案

translate 中使用的单位是默认坐标系中的屏幕像素。

关于javascript - d3.js zoom.translate 向量的单位是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23858492/

相关文章:

javascript - 为什么D3的刷开始事件会干扰后面的刷事件?

javascript - D3.js 堆叠条形图的动画更新

javascript - 如何在Javascript中分别调用两个同名方法

PHP:关于甘特图的建议

javascript - amcharts 条形图呈相反方向

javascript - 如何在服务器端使用D3js直接生成SVG?

javascript - ScrollTop 具有多个 anchor 的偏移粘性栏

javascript - Flow Js - 将文件作为数组上传

javascript - JavaScript 对象的 ClojureScript 深度相等

php - 使用 Ajax 和 MySql 分离结构