Chart.js Mindestachsen? Dies ist

Question

mein Diagramm:

ich die Dokumentation für eine Erklärung des Schauen lesen, wie eine‘Mindest Axt für meine Grafik zu setzen. Ich wollte bei 0 statt 2000 anfangen.

Wie kann ich das tun?

Dies ist mein Code:

var dataBar = { 
     labels: [dataChart[0]['mesReferencia'],dataChart[1]['mesReferencia'],dataChart[2]['mesReferencia']], 
     datasets: [{ 
      label: "CPF's Enviados", 
      backgroundColor: "rgba(0,51,90,0.8)", 
      borderColor: "rgba(0,51,90,0.9)", 
      borderWidth: 2, 
      hoverBackgroundColor: "rgba(0,51,90,0.9)", 
      hoverBorderColor: "rgba(0,51,90,1)", 
      data: [dataChart[0]['cpfsEnviados'],dataChart[1]['cpfsEnviados'],dataChart[2]['cpfsEnviados']] 
     }, 
     { 
      label: "Propostas Finalizadas", 
      backgroundColor: "rgba(0,130,229,0.8)", 
      borderColor: "rgba(0,130,229,0.9)", 
      borderWidth: 2, 
      hoverBackgroundColor: "rgba(0,130,229,0.9)", 
      hoverBorderColor: "rgba(0,130,229,1)", 
      data: [dataChart[0]['propostasFinalizadas'],dataChart[1]['propostasFinalizadas'],dataChart[2]['propostasFinalizadas']] 
     }, 
     { 
      label: "Propostas Aprovadas", 
      backgroundColor: "rgba(43,139,74,0.8)", 
      borderColor: "rgba(43,139,74,0.9)", 
      borderWidth: 2, 
      hoverBackgroundColor: "rgba(43,139,74,0.9)", 
      hoverBorderColor: "rgba(43,139,74,1)", 
      data: [dataChart[0]['propostasAprovadas'],dataChart[1]['propostasAprovadas'],dataChart[2]['propostasAprovadas']] 
     }] 
    }; 

Dank!

Answer 1

Set beginAtZero: True für Ticks in Ihren Optionen. Hier ein Beispiel:

var options = { type: 'bar', responsive: true, legend: false, animation: false, scales: { xAxes: [{ display: true, gridLines: { display: false }, }], yAxes: [{ display: true, gridLines: { display: false }, ticks: { beginAtZero:true } }] } };