​

//line

var ctxL = document.getElementById("lineChart").getContext('2d');

;

​

var labels = [];

var points= [];

  $.getJSON("https://api.myjson.com/bins/45rin", result => {

    for(let i = 0; i < result.dataPoints.length;i++){

      labels.push(result.dataPoints[i].label);

      points.push(parseInt(result.dataPoints[i].y));

    };

    console.log(points);

    var myLineChart = new Chart(ctxL, {

      type: 'line',

      data: {

      labels: labels,

      datasets: [{

      label: "My First dataset",

      data: points,

      backgroundColor: [

      'rgba(105, 0, 132, .2)',

      ],

      borderColor: [

      'rgba(200, 99, 132, .7)',

      ],

      borderWidth: 2

      },

      {

      label: "My Second dataset",

      data: [28, 48, 40, 19, 86, 27, 90],

      backgroundColor: [

      'rgba(0, 137, 132, .2)',

      ],

      borderColor: [

      'rgba(0, 10, 130, .7)',

      ],

      borderWidth: 2

      }

      ]

      },

      options: {

      responsive: true

      }

      });

  });