Verketten von Objekten für ein Diagramm

Question

Dies scheint wie es sollte einfach sein, aber ich habe daran gearbeitet und bin immer noch ratlos. Here is a Codepen link to what I have so far.

Ich muss dem Benutzer erlauben, einen Datensatz auszuwählen (über eine Schaltfläche) und dann diesen Datensatz zu den anderen Datensätzen hinzufügen, die bis zu diesem Zeitpunkt ausgewählt wurden. Es wären nicht mehr als 3 oder 4 Daten vorhanden Sätze. Mein Code rechts sieht nun wie folgt aus:

HTML:

<button onclick="createDataSet(data1);">Add Data 1</button> 
<button onclick="createDataSet(data2);">Add Data 2</button> 

<button onclick="makeChart();">Make Chart</button> 

JS:

var data1 = [{...},{...}]; 
var data2 = [{...},{...}]; 

// function is supposed to create a new concatenated dataset 
function createDataSet(data) { 
    var dataSet = []; 
    dataSet = dataSet.push(data); 
    console.log(dataSet); 
    return dataSet; 
}; 

function makeChart(chartData){ 
    LoadChart(chartData); 
} 

// will make the following functional later 
function LoadChart(){ 
    console.log("chart is made"); 
} 

ich versucht habe, mit concat() für diese wie folgt aus:

function createDataSet(data) { 
    var temp = []; 
    var dataSet = []; 
    temp = dataSet.concat(data); 
    console.log(temp); 
    return dataSet; 
}; 

aber das hat nicht so gut funktioniert, ich erwarte, dass mein Ansatz momentan grundlegend fehlerhaft ist. Again, here is a Codepen link to what I have so far.

Danke fürs Lesen!

Answer 1

Sie können Array.prototype.concat() verwenden Arrays mit dem Array-Variablen verketten dataSet:

var data1 = [{"fake": 2132,"data": 2676,"example": "human"}, {"fake": 2132,"data": 2676,"example": "human"}, {"fake": 2132,"data": 2676,"example": "human"}, {"fake": 2132,"data": 2676,"example": "human"}, {"fake": 2132,"data": 2676,"example": "human"}, {"fake": 2132,"data": 2676,"example": "human"}, {"fake": 2132,"data": 2676,"example": "human"}], 
 
    data2 = [{"fake": 32,"data": 76,"example": "human"}, {"fake": 32,"data": 76,"example": "human"}, {"fake": 32,"data": 76,"example": "human"}, {"fake": 32,"data": 76,"example": "human"}, {"fake": 32,"data": 76,"example": "human"}, {"fake": 32,"data": 76,"example": "human"}, {"fake": 32,"data": 76,"example": "human"}], 
 
    dataSet = []; 
 

 
function createDataSet(data) { 
 
    dataSet = dataSet.concat(data); 
 
} 
 

 
function makeChart(dataSet){ 
 
    console.log(dataSet); 
 
    LoadChart(dataSet); 
 
} 
 

 
// will make the following functional later 
 
function LoadChart(){ 
 
    console.log("chart is made"); 
 
}

<button onclick="createDataSet(data1);">Add Data 1</button> 
 
<button onclick="createDataSet(data2);">Add Data 2</button> 
 

 
<button onclick="makeChart(dataSet);">Make Chart</button>