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

定义x轴时可以将刻度设置为零：

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

可在此处找到完整的示例： http://bl.ocks.org/mbostock/2996766

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

1 个答案: