javascript - D3 x 轴删除垂直条

Question

尝试实现 X 轴如下:

但默认实现如下:

实现看起来像:

baseGroup.append("g")
              .attr("class", "xaxis")
              .attr("transform", "translate(5," + (height - marginBottom) + ")")
              .style({ 'stroke': 'Black', 'fill': 'none', 'stroke-width': '0.5px','font-size': '14px', 'shape-rendering': 'crispEdges'})
              .call(xBar);

想要删除每个刻度上的垂直条。 谁能建议我设置 D3 x 轴样式的正确方法？

Answer 1

根据 D3 changes documentation outerTickSize 和 innerTickSize 已重命名为 tickSizeInner和 tickSizeOuter分别。

因此，更新 Gerardo Furtado 的答案时，代码段将是:

var xBar = d3.svg.axis()
  .scale(scale)
  .orient("bottom")
  .tickSizeOuter(0)
  .tickSizeInner(0)