如何使图表中的网格线静止

Question

考虑链接Labeling the axis with alphanumeric characters中的示例。在此示例中，网格线是动态的，即网格线的数量根据坐标值增加或减少。如何使这个静态，即使图中的图表不受坐标值的影响？

注意： - 通过更改最后一个坐标值[17,16]，整个图表可以根据坐标值进行压缩或扩展。

Answer 1

实现此目的的最简单方法是修复域的上限。举个简单的例子，如果您知道x和y中的值不会超过30，那么您可以这样做：

var x = d3.scale.linear()
    .domain([0,30])
    .range([0, width]);

var y = d3.scale.linear()
    .domain([0,30])
    .range([0, height]);