c3.js y ekseni min/maks çalışmıyor

Question

C3.js'de yüzdeli bir grafik oluşturmaya çalışıyorum ancak y ekseni aralığı bozuk görünüyor. Ne yaptığımın önemi yok, min/max değerleri girdiğim şeye 15 eklemek gibi görünüyor.

Aşağıdaki kod, 0 ile ~ 15 arasındaki nesneleri gösterir. Eğer y maks değerini 10 olarak ayarlarsam, 25'e kadar çıkmaya başlar. Bu sinir bozucu olur.

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 
<script src="/js/c3.js"></script> 
<script> 
    var chart = c3.generate({ 
    data: { 
     columns: [ 
     ['PC', 0.038, 0.067], 
     ['Tablet', 0.038, 0.056], 
     ['Mobile',0.027,0.039] 
     ], 
     type: 'bar', 
     labels: { 
     format: { 
      y: d3.format(".1%"), 
     }} 
    }, 
    axis: { 
     x: { 
     type: 'categorized', 
     categories: ['Unique Click Rate','Total Click Rate'] 
     }, 
     y: { 
     max: .1, 
     min: 0 
    } 
    }, 
    bar: { 
     width: { 
     ratio: 0.5, 

     }, 
    } 
    }); 

    setTimeout(function() { 
    chart.data.colors({PC: '#2C9AB7',Tablet: '#FEBE12', Mobile: '#DB3A1B'}); 
    }, 1000); 

</script> 

Answer 1

Eksenin varsayılan dolgu değeri olduğunu öğrendik. Bu kod çözüldü.

 y: { 
     max: .1, 
     min: 0, 
     padding: {top: 0, bottom: 0} 
    }