d3js圖表區域外的網格

Question

我已經用d3js庫創建了一個圖表。

有沒有什麼辦法讓網格線移動到圖表區域以外？它如何顯示在圖像上？

的軸創建功能：

this.axis = function (scale, size) { 
    return d3.svg.axis() 
     .scale(scale) 
     .outerTickSize(0) 
     .innerTickSize(-size) 
     .tickPadding(10); 
}; 

添加圖表SVG：

var line = d3.svg.line() 
    .x(function (d) { 
     return x(d.x); 
    }) 
    .y(function (d) { 
     return y(d.y); 
    }) 
    .interpolate('monotone'); 

svg.append('g') 
    .attr('class', 'x axis') 
    .attr('transform', 'translate(0, ' + (height - 35) + ')') 
    .call(xAxis); 

svg.append('g') 
    .attr('class', 'y axis') 
    .attr('transform', 'translate(40, 0)') 
    .call(yAxis); 

var series = svg.selectAll('.quote') 
    .data(points) 
    .enter() 
    .append('g') 
    .attr('class', 'quote'); 

series.append('path') 
    .attr('class', function(d) { return 'line ' + d.name; }) 
    .attr('d', function(d) { return line(d.values); }); 

Answer 1

您可以用來構建x軸

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

X比例打電話 nice()