css - D3js Y 轴显示不正确

Question

我试图在以下 fiddle 中显示 y 轴左侧的 y 值:

yAxis = d3.svg.axis()
  .scale(y)
  .tickSize(5)
  .orient('left')
  .tickSubdivide(true);

http://jsfiddle.net/3rL1uds1/

我的问题是，当我将值“定向”到左侧时，值会消失，而如果我将它们定向到右侧，它们就会正常显示。

我试过调整页边距，但没有用。我认为这是一个 css 问题，但不确定现在如何解决这个问题。

Answer 1

你的边距被传递到 x() 比例，你不想这样做，而是使用一个固定值:

svg.append("g").attr("class", "axis y").attr("transform", "translate (" + 10 + " 0)").call(yAxis)

这是更新后的 fiddle : http://jsfiddle.net/3rL1uds1/1/