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

时间:2013-06-25 12:30:12

标签: d3.js nvd3.js

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

enter image description here

我该怎么做?

1 个答案:

答案 0 :(得分:7)

设置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/