Chart.JS의 제한 설정

Question

chart.js에서 최소 Y 축을 최소로 하드 코딩하는 방법이 있습니까? 바이올린에 기본 설정이 있지만 플러그인 설명서에 아무것도 표시되지 않습니다.

두 번째 메모에서 전체 캔버스를 차지하지 못하도록하는 것을 방지 할 수있는 방법이 있습니까? 아마 60 픽셀 이상의 그래프를 찍어 거기에 이미지를 넣고 싶습니다.

편집 :

http://jsfiddle.net/cf1pfyg3/

여기 내 현재 코드입니다!

var randomScalingFactor = function(){ return Math.round(Math.random()*100)}; 

var barChartData = { 
    labels : ["Zinc","Boron","Sulphur","Potassium","Nitrogen","Aluminium","Iron"], 
    barstroke: true, 
    datasets : [ 
     { 
      fillColor : "rgba(220,220,220,0.5)", 
      strokeColor : "rgba(220,220,220,0.8)", 
      highlightFill: "rgba(220,220,220,0.75)", 
      highlightStroke: "rgba(220,220,220,1)", 
      data : [1,2,3,4,5,6,7] 
     }, 

    ] 

} 

    var ctx = document.getElementById("canvas").getContext("2d"); 
    window.myBar = new Chart(ctx).Bar(barChartData, { 
     barstroke: true, 
     responsive : true 
    }); 

Answer 1

리틀 종료 더 생각 해낸 파고 자신의 문서를 할에서 :

var randomScalingFactor = function(){ return Math.round(Math.random()*100)}; 

var barChartData = { 
    labels : ["Zinc","Boron","Sulphur","Potassium","Nitrogen","Aluminium","Iron"], 
    barstroke: true, 
    datasets : [ 
     { 
      fillColor : "rgba(220,220,220,0.5)", 
      strokeColor : "rgba(220,220,220,0.8)", 
      highlightFill: "rgba(220,220,220,0.75)", 
      highlightStroke: "rgba(220,220,220,1)", 
      data : [1,2,3,4,5,6,7] 
     }, 

    ] 

} 
window.onload = function(){ 
    var ctx = document.getElementById("canvas").getContext("2d"); 
    window.myBar = new Chart(ctx).Bar(barChartData, { 
     barstroke: true, 
     responsive : true, 
     // Boolean - If we want to override with a hard coded scale 
     scaleOverride: true, 

     // ** Required if scaleOverride is true ** 
     // Number - The number of steps in a hard coded scale 
     scaleSteps: 14, 
     // Number - The value jump in the hard coded scale 
     scaleStepWidth: 1, 
     // Number - The scale starting value 
     scaleStartValue: 0 
    }); 
}