ChartJS linechart edit yAxis labels

Question

Попытка получить линейную диаграмму в ChartJS, работающую в соответствии с пожеланиями наших клиентов, но я столкнулся с проблемой: когда целая неделя данных (мы делаем продажи) равна 0, на yAxis опускаются ниже 0 - что то, чего не хотят наши клиенты. Я посмотрел на scaleoverride, предложилMin и beginAtZero, но никто не работал.

Как я могу сменить ярлыки, чтобы он всегда имел 0 как минимум?

Бесплатный изображение ниже, чтобы представить себе вопрос:

Код (с одним из методов не-рабочих, которые я пробовал):

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

Это работало для меня :

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

Примечание: я оставил остальную конфигурацию диаграммы как является. Вы явно не поставить chartLabels и переменные chartData, так что я использовал:

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

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