title: Concatenating objects to use for a chart
body: <p>This seems like it should be simple but I have been working on this and am still stumped. <a href="http://codepen.io/anon/pen/pNZyvY?editors=1010" rel="nofollow noreferrer">Here is a Codepen link to what I have so far.</a></p>
  
  <p>I need to allow the user select a data set (via a button) and then add that data set to whatever other data sets have already been selected up to that time, there would not be more than 3 or 4 data sets. My code right now looks like this:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;button onclick="createDataSet(data1);"&gt;Add Data 1&lt;/button&gt;
  &lt;button onclick="createDataSet(data2);"&gt;Add Data 2&lt;/button&gt;
  
  &lt;button onclick="makeChart();"&gt;Make Chart&lt;/button&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>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");
  }
  </code></pre>
  
  <p>I have tried using concat() for this like the following:</p>
  
  <pre><code>function createDataSet(data) {
    var temp = [];
    var dataSet = [];
    temp = dataSet.concat(data);
    console.log(temp);
    return dataSet;
  };
  </code></pre>
  
  <p>but that didn't work as well, I expect my approach is fundamentally flawed somehow right now. <a href="http://codepen.io/anon/pen/pNZyvY?editors=1010" rel="nofollow noreferrer">Again, here is a Codepen link to what I have so far.</a> </p>
  
  <p>Thanks for reading!</p>