135 lines
3.0 KiB
JavaScript
135 lines
3.0 KiB
JavaScript
|
var jsonfileRW = $.getJSON( "../data/cum-daily.json", function(data) {
|
||
|
var date = jsonfileRW.responseJSON.map(function(e) {
|
||
|
return e.date;
|
||
|
});
|
||
|
var rwallets = jsonfileRW.responseJSON.map(function(e) {
|
||
|
return e.rWallets;
|
||
|
});
|
||
|
var rmembers = jsonfileRW.responseJSON.map(function(e) {
|
||
|
return e.rMembers;
|
||
|
});
|
||
|
var nbrwallets = jsonfileRW.responseJSON.map(function(e) {
|
||
|
return e.nbrWallets;
|
||
|
});
|
||
|
var nbrmembers = jsonfileRW.responseJSON.map(function(e) {
|
||
|
return e.nbrMembers;
|
||
|
});
|
||
|
|
||
|
//ReceivedGraph
|
||
|
var ctx = document.getElementById("chartRW");
|
||
|
var config = {
|
||
|
type: 'line',
|
||
|
data: {
|
||
|
labels: date,
|
||
|
datasets: [{
|
||
|
label: 'Ḡ1 reçus sur les simples portefeuilles',
|
||
|
data: rwallets,
|
||
|
backgroundColor: 'rgba(0, 119, 204, 0.3)',
|
||
|
pointBorderWidth: 1,
|
||
|
pointHoverRadius: 8,
|
||
|
pointHoverBackgroundColor: "beige",
|
||
|
pointHoverBorderColor: "brown",
|
||
|
pointHoverBorderWidth: 2,
|
||
|
pointRadius: 3,
|
||
|
pointHitRadius: 8
|
||
|
}, {
|
||
|
label: 'Ḡ1 reçus sur les portefeuilles membres',
|
||
|
data: rmembers,
|
||
|
backgroundColor: 'rgba(0, 178, 0, 0.3)',
|
||
|
pointBorderWidth: 1,
|
||
|
pointHoverRadius: 8,
|
||
|
pointHoverBackgroundColor: "beige",
|
||
|
pointHoverBorderColor: "brown",
|
||
|
pointHoverBorderWidth: 2,
|
||
|
pointRadius: 3,
|
||
|
pointHitRadius: 8
|
||
|
}]
|
||
|
},
|
||
|
options: {
|
||
|
maintainAspectRatio: false,
|
||
|
responsive: true
|
||
|
}
|
||
|
};
|
||
|
var myChartRW = new Chart(ctx, config);
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
// NbrWallets Graph
|
||
|
var ctx = document.getElementById("chartNBRW");
|
||
|
var config = {
|
||
|
type: 'line',
|
||
|
data: {
|
||
|
labels: date,
|
||
|
datasets: [{
|
||
|
label: 'Nombre de simple portefeuilles',
|
||
|
data: nbrwallets,
|
||
|
backgroundColor: 'rgba(0, 119, 204, 0.3)',
|
||
|
pointBorderWidth: 1,
|
||
|
pointHoverRadius: 8,
|
||
|
pointHoverBackgroundColor: "beige",
|
||
|
pointHoverBorderColor: "brown",
|
||
|
pointHoverBorderWidth: 2,
|
||
|
pointRadius: 3,
|
||
|
pointHitRadius: 8
|
||
|
}, {
|
||
|
label: 'Nombre de portefeuilles membres',
|
||
|
data: nbrmembers,
|
||
|
backgroundColor: 'rgba(0, 178, 0, 0.3)',
|
||
|
pointBorderWidth: 1,
|
||
|
pointHoverRadius: 8,
|
||
|
pointHoverBackgroundColor: "beige",
|
||
|
pointHoverBorderColor: "brown",
|
||
|
pointHoverBorderWidth: 2,
|
||
|
pointRadius: 3,
|
||
|
pointHitRadius: 8
|
||
|
}]
|
||
|
},
|
||
|
options: {
|
||
|
maintainAspectRatio: true,
|
||
|
responsive: true
|
||
|
}
|
||
|
};
|
||
|
|
||
|
var myChartNBRW = new Chart(ctx, config);
|
||
|
|
||
|
});
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
/*var jqxhr = $.getJSON( "example.json", function() {
|
||
|
console.log( "success" );
|
||
|
})
|
||
|
.done(function() {
|
||
|
console.log( "second success" );
|
||
|
})
|
||
|
.fail(function() {
|
||
|
console.log( "error" );
|
||
|
})
|
||
|
.always(function() {
|
||
|
console.log( "complete" );
|
||
|
});*/
|