Chart.js Liniendiagramm nach links ausrichten

Question

Ich frage mich, warum mein Diagramm nicht auf der linken Seite ausgerichtet ist und wie kann ich das tun? Dies ist mein Code:

var data = { 
    labels: ["ID"] 
    , datasets: [ 
     { 
      label: "Sensor 1" 
      , data: [{ 
       x: 0 
       , y: 2 
      }, { 
       x: 12 
       , y: 5 
      }] 
      , backgroundColor: [ 
       'rgba(255, 99, 132, 0.2)' 
      , ] 
      , borderColor: [ 
       'rgba(255,99,132,1)' 
      ] 
      , borderWidth: 1 
     } 
    ] 
}; 
var options = { 
    title: { 
     display: true 
     , text: 'Custom Chart Title' 
    } 
    , scales: { 
     yAxes: [{ 
      ticks: { 
       beginAtZero: true 
      } 
     }] 
     , xAxes: [{ 
      type: "linear" 
      , position: "bottom" 
     }] 
    } 
}; 
var myLineChart = Chart.Line(ctx, { 
    data: data 
    , options: options 
}); 

Die Linie beginnt direkt im Zentrum des Graphen, aber ich weiß nicht, wie ich es nach links ausrichten kann (auf der x-Achse). Dies ist, wie es aussieht:

https://picload.org/image/raoipwci/chartjs.png

Wie Sie sehen können, ein weiteres Problem ist, dass die y-Achse nicht mit dem Datensatz übereinstimmen i eingegeben.

Edit: Okay, ich habe es endlich funktioniert. Ich habe den richtigen Code hinzugefügt.

Answer 1

Ich weiß, dies ist ein alter Beitrag, aber ich denke, ich habe die Lösung für Ihr Problem und ich werde es hier für jemand anderen lassen, der dies sucht (ich kann es jetzt nicht testen, aber sollte dies sein):

xAxes: [{ 
     type: "linear" 
     , position: "bottom" 
     , beginAtZero: true 
     , min: 0 
}] 

Jemand lassen Sie mich wissen, ob es richtig ist :)