140 lines
3.1 KiB
JavaScript
140 lines
3.1 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;
|
|
});
|
|
|
|
//var optionsGen = 'pointBorderWidth: 1, pointHoverRadius: 6, pointHoverBackgroundColor: "beige", pointHoverBorderColor: "brown", pointHoverBorderWidth: 2, pointRadius: 1, pointHitRadius: 4';
|
|
|
|
//Received Graph
|
|
var ctx = document.getElementById("chartRW");
|
|
var config = {
|
|
type: 'line',
|
|
data: {
|
|
labels: date,
|
|
datasets: [
|
|
|
|
|
|
{
|
|
label: 'Portefeuilles membres',
|
|
data: rmembers,
|
|
backgroundColor: 'rgba(0, 178, 0, 0.3)',
|
|
pointBorderWidth: 1,
|
|
pointHoverRadius: 6,
|
|
pointHoverBackgroundColor: "beige",
|
|
pointHoverBorderColor: "brown",
|
|
pointHoverBorderWidth: 2,
|
|
pointRadius: 1,
|
|
pointHitRadius: 4
|
|
},
|
|
|
|
|
|
{
|
|
label: 'Simples portefeuilles',
|
|
data: rwallets,
|
|
backgroundColor: 'rgba(0, 119, 204, 0.3)',
|
|
pointBorderWidth: 1,
|
|
pointHoverRadius: 6,
|
|
pointHoverBackgroundColor: "beige",
|
|
pointHoverBorderColor: "brown",
|
|
pointHoverBorderWidth: 2,
|
|
pointRadius: 1,
|
|
pointHitRadius: 4
|
|
},
|
|
|
|
|
|
|
|
]
|
|
},
|
|
options: {
|
|
maintainAspectRatio: false,
|
|
responsive: true,
|
|
|
|
|
|
scales: {
|
|
xAxes: [{
|
|
stacked: true
|
|
}],
|
|
yAxes: [
|
|
{
|
|
id: 'y-axis',
|
|
stacked: true
|
|
}
|
|
]
|
|
}
|
|
|
|
|
|
|
|
}
|
|
};
|
|
var myChartRW = new Chart(ctx, config);
|
|
|
|
|
|
// NbrWallets Graph
|
|
var ctx = document.getElementById("chartNBRW");
|
|
var config = {
|
|
type: 'line',
|
|
data: {
|
|
labels: date,
|
|
datasets: [
|
|
{
|
|
label: 'Portefeuilles membres',
|
|
data: nbrmembers,
|
|
backgroundColor: 'rgba(0, 178, 0, 0.3)',
|
|
pointBorderWidth: 1,
|
|
pointHoverRadius: 6,
|
|
pointHoverBackgroundColor: "beige",
|
|
pointHoverBorderColor: "brown",
|
|
pointHoverBorderWidth: 2,
|
|
pointRadius: 1,
|
|
pointHitRadius: 4
|
|
},
|
|
|
|
{
|
|
label: 'Simples portefeuilles',
|
|
data: nbrwallets,
|
|
backgroundColor: 'rgba(0, 119, 204, 0.3)',
|
|
pointBorderWidth: 1,
|
|
pointHoverRadius: 6,
|
|
pointHoverBackgroundColor: "beige",
|
|
pointHoverBorderColor: "brown",
|
|
pointHoverBorderWidth: 2,
|
|
pointRadius: 1,
|
|
pointHitRadius: 4
|
|
}]
|
|
},
|
|
options: {
|
|
maintainAspectRatio: true,
|
|
responsive: true,
|
|
|
|
scales: {
|
|
xAxes: [{
|
|
stacked: true
|
|
}],
|
|
yAxes: [
|
|
{
|
|
id: 'y-axis',
|
|
stacked: true
|
|
}
|
|
]
|
|
}
|
|
|
|
|
|
}
|
|
};
|
|
|
|
var myChartNBRW = new Chart(ctx, config);
|
|
|
|
});
|