Chart.js beginAtZero가 작동하지 않습니다.

Question

beginAtZero 인수를 설정하더라도 막대가 0에서 시작하지 않기 때문에 Chart.js에 문제가 있습니다.

코드의 올바른 위치에 여러 가지 방법을 시도했지만 작동하지 않는 것 같습니다.

누구든지 내 문제를 해결하는 방법에 대한 아이디어가 있습니까? 당신이 Chart.js의 V1 대신 V2를 사용하는 것처럼

var chartdata = { 
    labels: answer, 
    datasets: [{ 
     label: 'Count', 
     backgroundColor: 'rgba(200, 200, 200, 0.75)', 
     borderColor: 'rgba(200, 200, 200, 0.75)', 
     hoverBackgroundColor: 'rgba(200, 200, 200, 1)', 
     hoverBorderColor: 'rgba(200, 200, 200, 1)', 
     data: count 
    } 
    ] 
}; 

var options = { 
    scales: { 
    yAxes: [{ 
     ticks: { 
     beginAtZero: true 
     } 
    }] 
    } 
}; 

var ctx = $("#mycanvas"); 

var barGraph = new Chart(ctx, { 
    type: 'bar', 
    data: chartdata 
    options: options 
}); 

Answer 1

것 같습니다 : 여기

는 코드입니다.

먼저 Chart.js 코드를 v2 (예 : latest version)로 업데이트하십시오.

var barGraph = new Chart(ctx, { 
    type: 'bar', 
    data: chartdata 
    options: options 
}); 

에 : 예상대로

var barGraph = Chart.Bar(ctx, { 
    data: chartdata, 
    options: options 
}); 

beginAtZero: true 다음 작업을해야

그런 다음, 다음 코드를 변경합니다.

작업 JSFiddle : https://jsfiddle.net/ko54hp6n/beginAtZero: true에 대한 대안에 대한

---

, 당신은 또한 min: 0를 사용할 수는 제로 바 축을 시작 구성 옵션을 틱 :

var options = { 
    scales: { 
    yAxes: [{ 
     ticks: { 
     min: 0 
     } 
    }] 
    } 
} 

작업 JSFiddle을 : https://jsfiddle.net/ko54hp6n/1/