2015-09-04 125 views
0

我使用C3js绘制这张图使Y轴固定

海图号1 c3js chart 1

在y轴图表的内容无关,我有

y: 
    tick: 
     values: [ 
     0 
     0.05 
     0.10 
     ] 
     format: d3.format('%') 

当第一栏的数值小于10%时,y轴上的10%标记将不会显示,:(我意识到图表的内容决定了y轴的高度

当我有一个值,该值超过10%,在y轴显示标记

图否2. c3js chart 2

这不是我想要的行为的那种,我想使y轴固定并且与条的值无关。我已经尝试从顶部填充,它看起来非常难看,我也试图给它一个固定的高度,也没有工作。看起来y轴取决于条的值。

我的问题是我该如何让y轴停留在图表2和图表 的固定高度,而不考虑酒吧的价值吗?

P.S酒吧可以有一个隐藏的溢出,但我希望Y轴是完整的。谢谢。

回答

1

您可以使用axis.y.max来设置y轴的最大值,并使用axis.y.tick.values来设置您想要在y轴上显示的刻度值。

axis: { 
    y: { 
     max: 0.1, 
     tick: { 
      values: [0, 0.05, 0.1], 
      ... 

小提琴 - http://jsfiddle.net/q5z3j2yy/

+0

谢谢,这工作。我也想显示一个代表栏的十进制值,只要我悬停在它上面而不是在y轴上。这给了我一些问题。我使用了tickValue,它改变了,但y轴也改变了。 :(你可以帮我吗? – CallmeSurge

+0

退房http://jsfiddle.net/ktktnry5/ – potatopeelings

+0

谢谢...这工作得很好,你是最好的。 – CallmeSurge