chart.jsで非同期でデータを取得し表示する際に参考になったもの javascript

chart.jsで非同期でデータを取得し表示する際に参考になったもの

$.getJSON("json取得するurl" function(data) {

// 件数が複数ある場合はここでループまわしてラベルとデータを取得
var labels = data.customers[0].amounts.map(function(e) {
return e[0];
});
var data = data.customers[0].amounts.map(function(e) {
return e[1];
});

var ctx = document.getElementById( myChart ).getContext( 2d );
var chart = new Chart(ctx {
type: line
data: {
labels: labels
datasets: [{
backgroundColor: rgb(129 198 2228)
borderColor: rgb(0 150 215)
data: data
}]
}
options: {
responsive: true
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
<canvas id="myChart"></canvas>