{% if d1 | length > 0 %}
	<div>
		<canvas id="{{id}}" width="{{width}}" height="{{height}}"></canvas>

	</div>

	<script>


		new Chart(document.getElementById('{{ id }}').getContext('2d'), {
type: 'line',
data: {
labels: ["{{ d1 | keys  | join('", "')| raw }}"],


datasets: [
{
label: '{{ d1_label | default('d1 label') }}',
data: ["{{ d1 | join('", "') | raw }}"],


borderColor: [
'rgba(54, 162, 235, 1)',

],
backgroundColor: ['rgba(54, 162, 235, 0.2)',]
},{% if d2 is defined %}{
label: '{{ d2_label }}',
data: ["{{ d2 | join('", "') | raw }}"],


borderColor: [
'rgba(255, 99, 132, 1)',

],
backgroundColor: ['rgba(255, 99, 132, 0.2)',]
},{% endif %}{% if d3 is defined %}{
label: '{{ d3_label }}',
data: ["{{ d3 | join('", "') | raw }}"],


borderColor: [
'rgba(75, 192, 192, 1)',

],
backgroundColor: ['rgba(75, 192, 192, 0.2)',]
},{% endif %}
]

},
options: {
responsive: true,
plugins: {
legend: {
position: 'top'
},
title: {
display: true,
text: '{{ label | default('label') }}'
}
},
scale: {
min: 0
}
}
});
	</script>
{% else %}
	<p>Il n'y a pas de réparation sur la semaine precedente.</p>
{% endif %}