javascript - zoom.scaleExtent() 在 d3.js 中做了什么?

标签 javascript d3.js graph data-visualization

我已经创建了 d3 时间轴,

//minDate and maxDates are javascript date object.
var timeScale =d3.scaleTime().domain([minDate,maxDate]).range(
                [0, width]);
var timeAxis = d3.axisBottom(timeScale);

我已经在这个轴上添加了缩放交互

//gX is group div that has timeAxis.
gX.call(d3.zoom(timeScale).scaleExtent([0,4]).on("zoom",function(d){
    //Do something.
}))

但最初我想在日级别设置轴的缩放级别,默认它以小时级别显示,所以最后我好奇的是,

  1. 如何将年级别和最小缩放级别之间的缩放边界限制为日级别?
  2. 缩放中的scaleExtent([0,4])中的数字[0,4]代表什么?

最佳答案

据我了解,这是缩放的时间因素。 4 表示:放大 4 倍。

关于javascript - zoom.scaleExtent() 在 d3.js 中做了什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39012921/

相关文章:

javascript - 谁能解释一下这个 session 存储代码吗?

javascript - 如何在 html 输入字段上强制输入英文字符?

javascript - Nightmare.js - addEventListener 单击函数不会执行

algorithm - 在全连接图中寻找最佳路径

c++ - 循环数据依赖析构函数

javascript - 在 Codemirror 中的同一行上同时使用 closetag.js 和右括号.js

javascript - 如何正确计算 D3 Siluohette 堆积面积图的宽度

d3.js - 可缩放 TreeMap 上的 D3 自动换行

svg - D3 如何放大 SVG 矩形内的 SVG 文本?

graph - 寻找关键路径?