128 lines
3.8 KiB
JavaScript
128 lines
3.8 KiB
JavaScript
jQuery(document).ready(function($)
|
|
{
|
|
var canvasMonth = document.getElementById("month").getContext('2d');
|
|
var chartMonth = new Chart(canvasMonth, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"],
|
|
datasets: [{
|
|
label: 'nombre de tableaux',
|
|
data: [11, 30, 40, 34, 50, 33, 27, 24, 17, 26, 37, 19],
|
|
backgroundColor: '#2589BD',
|
|
borderColor: '#187795',
|
|
borderWidth: 1
|
|
}]
|
|
},
|
|
options: {
|
|
scales: {
|
|
yAxes: [{
|
|
ticks: {
|
|
beginAtZero: true
|
|
}, gridLines: {
|
|
display: false
|
|
},
|
|
scaleLabel: {
|
|
display: true,
|
|
labelString: 'Tableaux'
|
|
}
|
|
}],
|
|
xAxes: [{
|
|
gridLines: {
|
|
display: false
|
|
}
|
|
}]
|
|
},
|
|
legend: {
|
|
display: false
|
|
},
|
|
animation: {
|
|
duration: 0
|
|
},
|
|
responsiveAnimationDuration: 0
|
|
}
|
|
});
|
|
|
|
var canvasYear = document.getElementById("year").getContext('2d');
|
|
var chartYear = new Chart(canvasYear, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: ["1956 - 1959", "1960 - 1969", "1970 - 1979", "1980 - 1989", "1990 - 1999", "2000 - 2009", "2010 - 2016"],
|
|
datasets: [{
|
|
label: 'nombre de tableaux',
|
|
data: [24, 16, 7, 57, 117, 112, 52],
|
|
backgroundColor: '#2589BD',
|
|
borderColor: '#187795',
|
|
borderWidth: 1
|
|
}]
|
|
},
|
|
options: {
|
|
scales: {
|
|
yAxes: [{
|
|
ticks: {
|
|
beginAtZero: true
|
|
}, gridLines: {
|
|
display: false
|
|
},
|
|
scaleLabel: {
|
|
display: true,
|
|
labelString: 'Tableaux'
|
|
}
|
|
}],
|
|
xAxes: [{
|
|
gridLines: {
|
|
display: false
|
|
}
|
|
}]
|
|
},
|
|
legend: {
|
|
display: false
|
|
},
|
|
animation: {
|
|
duration: 0
|
|
},
|
|
responsiveAnimationDuration: 0
|
|
}
|
|
});
|
|
|
|
var canvasDimension = document.getElementById("dimension").getContext('2d');
|
|
var chartDimension = new Chart(canvasDimension, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: ["Histoire", "Nature morte", "Paysage", "Portrait", "Scène"],
|
|
datasets: [{
|
|
label: 'nombre de tableaux',
|
|
data: [2, 42, 173, 59, 107],
|
|
backgroundColor: '#2589BD',
|
|
borderColor: '#187795',
|
|
borderWidth: 1
|
|
}]
|
|
},
|
|
options: {
|
|
scales: {
|
|
yAxes: [{
|
|
ticks: {
|
|
beginAtZero: true
|
|
}, gridLines: {
|
|
display: false
|
|
},
|
|
scaleLabel: {
|
|
display: true,
|
|
labelString: 'Tableaux'
|
|
}
|
|
}],
|
|
xAxes: [{
|
|
gridLines: {
|
|
display: false
|
|
}
|
|
}]
|
|
},
|
|
legend: {
|
|
display: false
|
|
},
|
|
animation: {
|
|
duration: 0
|
|
},
|
|
responsiveAnimationDuration: 0
|
|
}
|
|
});
|
|
}); |