Wie viele Datenpunkte enthalten in chart.js plotten

Question

Ich versuche, mit chart.js zu plotten, und in dieser möchte ich im Grunde Plots Streu Linie Hier implementieren, ist der Beispielcode aus der Dokumentation von chart.js genommen

var scatterChart = new Chart(ctx, { 
type: 'line', 
data: { 
    datasets: [{ 
     label: 'Scatter Dataset', 
     data: [{ 
      x: -10, 
      y: 0 
     }, { 
      x: 0, 
      y: 10 
     }, { 
      x: 10, 
      y: 5 
     }] 
    }] 
}, 
options: { 
    scales: { 
     xAxes: [{ 
      type: 'linear', 
      position: 'bottom' 
     }] 
    } 
} 
}); 

Hier in diesem Beispiel gibt es nur 3 Datenpunkte, aber in meinem Fall habe ich etwa 100 Datenpunkte in 2 Arrays nämlich XArray und yArray gespeichert. Ich habe versucht, eine for-Schleife in der Funktion, aber es hat nicht funktioniert. Kann jemand helfen?

---

EDIT: Es war wie das für mich gearbeitet. Ich habe ein neues Array erstellt und das Objekt (mit x-Koordinate und y-Koordinate) in dieses Array eingefügt. Hier ist das Code-Snippet.

for(var i=0;i<100;i++) 
{ 
    var obj = {x:xFinal[i],y:yFinal[i]}; 
    c.push(obj); 
} 

Answer 1

Versuchen Sie, die Arrays wie so verketten:

//var xArray = [{x: ?,y: ?}, {x: ?,y: ?}]; 
//var yArray = [{x: ?,y: ?}, {x: ?,y: ?}]; 
var concatenatedArray = xArray.concat(yArray); 

Dann Sie, dass passieren kann, wenn Sie das Diagramm wie so sind Aufruf:

var scatterChart = new Chart(ctx, { 
type: 'line', 
data: { 
    datasets: concatenatedArray 
}, 
options: { 
    scales: { 
     xAxes: [{ 
      type: 'linear', 
      position: 'bottom' 
     }] 
    } 
} 
}); 

Ich hoffe, das hilft - halte mich auf dem Laufenden!