javascript - 沿 y 轴的水平线 d3 条形图

Question

https://jsfiddle.net/betasquirrel/pnyn7vzj/1/在这个 plunkr 中，如何添加沿 y 轴的水平线

我刚刚尝试添加此 css 代码

  .axis path,
  .axis line {
    fill: none;
    stroke: #000;
  }

我想开发没有 x 轴的条形图，我附上了一张图片，请检查一下。

Answer 1

在您的代码中，您定义xAxis 的位置。而不是:

var xAxis = d3.svg.axis()
  .scale(x)
  .orient("bottom")
  .tickFormat(d3.time.format("%Y"));

你应该尝试:

var xAxis = d3.svg.axis()
  .scale(x)
  .orient("bottom")
  .tickValues([]);

这将删除您的 x 轴标签和刻度。阅读this发布以获取更多信息。