Evolución mediciones nitratos en agua (sobre 20)
by greenpeace
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-deferred@1.0.2" defer></script>
<div class="chart-container" style="position: relative; height:auto; width:100%">
<canvas id="bar_chart_5" width="350" height="250"></canvas>
</div>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
var ctx = document.getElementById("bar_chart_5");
var bar_chart_5 = new Chart(ctx, {
type: 'bar',
data: {
labels: ["2016", "2017", "2018", "2019", "2020"],
datasets: [{
label: 'Mediciones entre 25 y 50 mg/l (riesgo contaminación)',
data: [11.2, 12.78, 11.58, 12.01, 14.82],
backgroundColor: 'rgba(255, 195, 49, 0.85)'
},
{
label: 'Mediciones de más de 50 mg/l (agua contaminada / NO POTABLE)',
data: [3.71, 4.62, 4.84, 4.72, 4.94],
backgroundColor: 'rgba(134, 139, 134, 0.85)'
}
]
},
options: {
title: {
display: true,
text: 'Evolución mediciones nitratos en agua',
fontSize: 16,
fontFamily: '"Work Sans",sans-serif',
fontColor: '#212529'
},
legend: {
display: true,
labels: {
fontName: '"Work Sans",sans-serif',
fontColor: '#212529',
fontSize: 13
}
},
layout: {
padding: {
bottom: 20
}
},
scales: {
yAxes: [{
stacked: true,
ticks: {
fontFamily: '"Work Sans",sans-serif',
fontColor: '#212529'
},
scaleLabel: {
display: true,
labelString: '%',
fontFamily: '"Work Sans",sans-serif',
fontColor: '#212529'
}
}],
xAxes: [{
...