小编Nag*_*aji的帖子

我有一个类似于此链接的堆积条形图,图形正确绘制但问题是y轴线是不可见的.但是,如果在示例图表中增加浏览器页面大小,则可以看到在某个分辨率x处,将显示y轴线和水平刻度线.因此x,y轴线和水平刻度线在页面分辨率下出现和消失.怎么解决这个？

我正在定义x和y轴,如下所示

var yAxis = d3.svg.axis()
  .scale(y)
  .orient("left")
  .ticks(5)
 .tickSize(-width - 180, 0, 0)
  .tickFormat(d3.format("$"));

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

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

svg.selectAll('.axis line, .axis path')
.style({ 'stroke': '#ddd', 'fill': 'none', 'stroke-width': '1px' });


svg.append("g")
  .attr("class", "x axis")
  .attr("transform", "translate(0," + height + ")")
  .call(xAxis);