2013-06-25 103 views
4

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

enter image description here

我该怎么办呢?

+0

你需要通过增加SVG或类似的东西的宽度分配给标签的更多的空间。 –

+0

我已经试过这个,但不起作用。标签继续切割......我需要的是增加标签空间。 –

+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/

+0

谢谢!这工作得很好! –