d3.js - d3 行和文本之间的刻度线间距

Question

我找到了解决方案，您需要修改轴：

viz.append("g")
    .attr("class", "axis")
    .attr("transform", "translate(0," + (h - 200) + ")")
    .call(xaxis)
    .selectAll("text") 
    .attr("y", "10px"); //set y padding here

我想要一个最小的轴布局。只是水平线和下面的文字。没有刻度线。

我将 tickSize 设置为零，但这会将文本直接放在该行的下方。如何控制行和文本之间的间距？

谢谢。

var xaxis = d3.svg.axis()
    .scale(xpos)
    .tickFormat(d3.time.format('%Y'))   
    .tickValues([minDate, maxDate])
    .tickSize(0);

Answer 1

您可以在定义 xaxis 时将刻度设置为零：

var xaxis = d3.svg.axis()
  .scale(xpos)
  .ticks(0)
  .orient("bottom");

一个完整的例子可以在这里找到：http: //bl.ocks.org/mbostock/2996766