D3.js Y轴标签不显示大数字-多条形图

D3.js Y轴标签不显示大数字-多条形图,d3.js,nvd3.js,D3.js,Nvd3.js,在我的多条形图中,我需要在Y轴标签上显示较大的数字。目前显示的字符不超过七个: 我该怎么做?设置chart.margin().left=120这将给您足够的空间来显示10000000 nv.addGraph(function() { var chart = nv.models.discreteBarChart() .x(function(d) { return d.label }) .y(function(d) { return d.value }) .

在我的多条形图中,我需要在Y轴标签上显示较大的数字。目前显示的字符不超过七个:

我该怎么做?设置chart.margin().left=120这将给您足够的空间来显示10000000

nv.addGraph(function() {
  var chart = nv.models.discreteBarChart()
      .x(function(d) { return d.label })
      .y(function(d) { return d.value })
      .staggerLabels(true)
      .tooltips(false)
      .showValues(true)

  chart.forceY([10000000]);
  chart.margin().left = 120
  d3.select('#chart svg')
      .datum(data)
    .transition().duration(500)
      .call(chart);


  nv.utils.windowResize(chart.update);

  return chart;
});

jsFIDLE:

您需要通过增加SVG的宽度或类似的方式为标签分配更多的空间。我已经尝试过了,但没有成功。标签继续切割。。。我需要的是增加标签空间,这就是我要说的。没有你的代码,我们无法给你更具体的建议。你想要什么样的代码?我使用的是nvd3,默认实现。我需要更改y轴上标签的默认空间。对,请尝试类似于
d3.select(“.nv multiBarWithLegend”).attr(“transform”、“translate(100,30)”)