javascript - 在 d3.js 中添加与缩放和拖动兼容的网格线

Question

我正在尝试将网格线添加到我现有的代码中，并且已经看过很多教程，但没有一个具有可缩放和可拖动网格线的教程。

我现有代码的剥离版本在这里：

我知道我必须有一个规模：

this.x = d3.scale.linear()
  .domain([this.options.xmin, this.options.xmax])
  .range([0, this.size.width]);

以后再画。但我不知道怎么做。

我希望垂直网格线在我缩放时“改变”（例如：从 10-20-30-40 变为 10-15-20-25）并在我拖动图表时移动。我怎样才能做到这一点？

score 0 · Accepted Answer

我想你可以做这样的例子：

然后添加一些限制，如果超过某个阈值，它会在轴上添加更多/更少的刻度标签。（至少这就是我现在打算在力布局上尝试做的事情）。

或者最好还是让你的标签成为范围的函数，例如沿着 min + n*(min-max)/4 行的东西，其中 n 是你的刻度标签 {1,4}。

1 回答 1