Y 轴标签不显示大数字 - 多条形图答案

【问题标题】：Y axis label not displaying large numbers - Multi-Bar ChartY 轴标签不显示大数字 - 多条形图
【发布时间】：2013-06-25 12:30:12
【问题描述】：

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

我该怎么做？

【问题讨论】：

您需要通过增加 SVG 的宽度或类似的方式为标签分配更多空间。
我已经尝试过了，但不起作用。标签继续切割...我需要的是增加标签空间。
这就是我要说的。没有您的代码，我们无法为您提供更具体的建议。
你想要什么样的代码？我正在使用默认实现 nvd3。我需要更改 y 轴上标签的默认空间。
对，所以试试d3.select(".nv-multiBarWithLegend").attr("transform", "translate(100,30)")。

标签： d3.js nvd3.js

【解决方案1】：

设置 chart.margin().left = 120 这将为您提供足够的空间来显示 10,000,000。

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;
});

JSFiddle：http://jsfiddle.net/marrok/Ev3UN/1/

【讨论】：