title: How to show multiple datasets in line chart js
body: <p>I'm using line chart.js<br>
  I want to show my line chart have two line (actually it's will dynamic datasets) 
  base with location and label in bottom will base with month.
  Now my chart it's show only last data set.</p>
  
  <p>My data is look like this </p>
  
  <pre><code>{
  location: "Apartment A", 
  color: "#b168ac",
  set_data: [{
     month: 1,
     value: 3500
  },{
     month: 2,
     value: 2700
  },{
     month: 3,
     value: 1500
  }]
  },
  {
  location: "Apartment B", 
  color: "#b168aa",
  set_data: [{
     month: 1,
     value: 1700
  },{
     month: 2,
     value: 2800
  },{
     month: 3,
     value: 3200
  }]
  }
  </code></pre>
  
  <p>I made my code something like this:</p>
  
  <pre><code>var obj = JSON.parse(data);
  $.each(obj,function(i,item){
      var locate = [];
      var amt = [];
      var color = [];
      var item_set = [];
      locate.push(item.location);
  
      var m = [];
      var val = [];
      var item_s =  item.set_data;
  
      $.each(item_s,function(i2,item2){
          val.push(item2.value);
          m.push(item2.month);
  
          var chartdata = {
              labels: m,
              datasets : [{
                  label:locate,
                  data: val,
                  backgroundColor: item.color,
                  borderWidth: 1,
                  fill: false,
              }]
          };
          var ctx = document.getElementById("graph_by_usage").getContext('2d');
          var LineChart = new Chart(ctx,{
              type : 'line',
              data : chartdata,
              options: {
                  responsive:true
              }
          });
      });
  });
  </code></pre>
  
  <p>The data should be look like this <a href="https://codepen.io/k3no/pen/pbYGVa" rel="nofollow noreferrer">https://codepen.io/k3no/pen/pbYGVa</a>
   Please advice me. Thank you.</p>