How To Make The Gridlines In The Chart Static

consider the example in the link Labeling the axis with alphanumeric characters. In this example the gridlines are dynamic that is the number of gridlines increases or decreases ac

Solution 1:

The simplest way to achieve this is to fix the upper range of the domain. As a simple example, if you know your values in x and y will not exceed 30, you can do this:

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

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