グラフに使用するオブジェクトを連結する

Question

これは単純なはずですが、私はこれに取り組んでおり、まだ困惑しています。 Here is a Codepen link to what I have so far.

ユーザーが（ボタンを使用して）データセットを選択し、その時間までに既に選択されている他のデータセットにデータセットを追加できるようにする必要があります。セット。私のコードは今のようになります。

HTML：

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

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

JS：

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

：私は次のように、このためにCONCAT（）を使用して試してみました

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"); 
} 

しかし、それもうまくいきませんでした、私は私のアプローチが根本的に何らかの形で欠陥があると思います。 Again, here is a Codepen link to what I have so far.

お読みいただきありがとうございます！

Answer 1

あなたは配列変数dataSetに配列を連結するためにArray.prototype.concat()を使用することができます。

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>