c3.js y axis min/max non funzionante

Question

Sto provando a creare un grafico con percentuali in c3.js, ma l'intervallo dell'asse y sembra essere rotto. Non importa quello che faccio, i valori min/max sembrano aggiungere 15 a ciò che inserisco.

Il codice riportato di seguito riporta le cose da 0 a ~ 15. Se imposto il y max su 10, inizia a salire a 25. È esasperante.

<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

Scoperto che l'asse ha un valore di riempimento predefinito. Questo codice lo ha risolto.

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