D3js Y轴无法正确显示

时间:2014-09-22 21:28:28

标签: css d3.js

我试图在下面的小提琴中显示y轴线左边的y值:

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

http://jsfiddle.net/3rL1uds1/

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

我尝试调整边距无济于事。我认为这是一个CSS问题,但不知道如何解决这个问题。

1 个答案:

答案 0 :(得分:1)

您的保证金会传递到x()比例,您不想这样做,而是使用固定值:

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

这是更新的小提琴: http://jsfiddle.net/3rL1uds1/1/