1

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

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

http://jsfiddle.net/p4cmx1kj/

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

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)并在我拖动图表时移动。我怎样才能做到这一点 ?

4

1 回答 1

0

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

http://blog.scottlogic.com/2014/09/26/an-interactive-stock-comparison-chart-with-d3.html

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

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

于 2016-03-23T13:45:03.167 回答