ChartJS LiniChart Bearbeiten yAchsenlabels

Question

Der Versuch, ein Liniendiagramm in ChartJS nach den Wünschen unserer Kunden arbeiten, aber ich habe ein Problem: Wenn eine ganze Woche Daten (wir machen Verkäufe) ist 0, die Etiketten geplottet auf den yAxis gehen unter 0 - was unsere Kunden nicht wollen. Ich habe mir scaleoverride, suggeredMin und beginAtZero angesehen, aber keine funktioniert.

Wie kann ich die Etiketten ändern, so dass es immer 0 als Minimum hat?

Kostenloses Bild unten, um das Problem zu visualisieren:

Den Code (mit einem der nicht arbeitenden Methoden, die ich ausprobiert habe):

var canvas = document.getElementById('salesChart').getContext('2d'); 
salesChart = new Chart(canvas, { 
    type: 'line', 
    scaleOverride: true, 
    scaleSteps: 10, 
    scaleStepWidth: 20, 
    scaleStartValue: 0, 
    data: { 
     labels: chartLabels, 
     datasets: [{ 
      label: 'Sales', 
      data: chartData, 
      backgroundColor: "rgba(37,185,153,0.7)" 
     }], 
    }, 
    options: { 
     maintainAspectRatio: false, 
     responsive: true 
    } 
}); 

Answer 1

Das ist für mich gearbeitet :

options: { 
    maintainAspectRatio: false, 
    responsive: true, 
    scales: { 
     yAxes: [{ 
      ticks: { 
       beginAtZero:true 
      } 
     }] 
    } 
} 

Hinweis: Ich habe den Rest der Diagrammkonfiguration als verlassen ist. Sie haben liefern nicht explizit die chartLabels und Chartdata Variablen, so dass ich verwendet:

var chartLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; 
var chartData = [0, 0, 0, 0, 0, 0, 0]; 

Fiddle: https://jsfiddle.net/3c4yq5oq/