c3.js y 축 최소/최대 작동하지 않음

Question

c3.js에 백분율을 사용하여 차트를 만들려고하지만 y 축 범위가 깨졌습니다. 내가하는 일에 상관없이, 최소값/최대 값은 내가 입력 한 값에 15를 더하는 것처럼 보입니다.

아래에 포함 된 코드는 0부터 ~ 15까지를 나타냅니다. y 최대 값을 10으로 설정하면 최대 25까지 올라 가기 시작합니다.

<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

축에 기본 패딩 값이 있음을 알았습니다. 이 코드는 그것을 고쳤습니다.

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