| 835
| <![CDATA[<script defer>
var maxTicksLimit = 6;
var pointRadius = 3;
function resize() {
var w = document.documentElement.clientWidth;
if (w < 460) {
maxTicksLimit = 1;
pointRadius = 0;
} else if (w < 560) {
maxTicksLimit = 2;
pointRadius = 0;
} else if (w < 900) {
maxTicksLimit = 3;
pointRadius = 0;
}
document.querySelectorAll('canvas').forEach(function (el) {
if (w < 1024) {
el.height = 600;
el.style.height = "600px";
} else {
el.height = 300;
el.style.height = "300px";
}
});
}
// window.addEventListener("resize", resize);
resize();
window.addEventListener("load", function(event) {
var canvas_plu = document.getElementById('chart-pluviometro');
if ( typeof canvas_plu != null) {
var colors = [
{ border: 'red', background: 'rgba(255, 0, 0, 0.5)' },
{ border: 'orange', background: 'rgba(255, 165, 0, 0.5)' },
{ border: 'yellow', background: 'rgba(255, 255, 0, 0.5)' },
{ border: 'green', background: 'rgba(0, 128, 0, 0.5)' },
{ border: 'blue', background: 'rgba(0, 0, 255, 0.5)' },
{ border: 'purple', background: 'rgba(128, 0, 128, 0.5)' },
{ border: 'grey', background: 'rgba(128, 128, 128, 0.5)' },
{ border: 'RebeccaPurple', background: 'rgba(102, 51, 153, 0.5)' },
{ border: 'Aquamarine', background: 'rgba(127, 255, 212, 0.5)' },
{ border: 'Aquamarine', background: 'rgba(127, 255, 212, 0.5)' },
];
var chart_river = new Chart(canvas_plu, {
type: 'bar',
options: {
animation: { duration: 0 },
title: {
display: true,
text: 'Nível de chuva',
},
legend: {
position: 'top',
},
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
callback: function(value, index, values) {
return value + ' mm';
}
},
scaleLabel: {
display: true,
labelString: 'Milímetros'
},
}
],
xAxes: [
{
ticks: {
maxTicksLimit: maxTicksLimit,
maxRotation: 0,
minRotation: 0
},
scaleLabel: {
display: true,
labelString: 'Data e Hora'
},
}
]
}
},
data: {
labels: [
'17/09/2023 23:20', '18/09/2023 00:20', '18/09/2023 01:20', '18/09/2023 02:20', '18/09/2023 03:20', '18/09/2023 04:20', '18/09/2023 05:20', '18/09/2023 06:20', '18/09/2023 07:20', '18/09/2023 08:20', '18/09/2023 09:20', '18/09/2023 10:20', ],
datasets: [
{
label: 'DC-00 Defesa Civil de Itajaí',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
backgroundColor: colors[0].background,
borderColor: colors[0].border,
fill: false,
},
{
label: 'DC-01 Rio Itajaí-Açu - ICMBio/CEPSUL',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
backgroundColor: colors[1].background,
borderColor: colors[1].border,
fill: false,
},
{
label: 'DC-02 Rio Itajaí-Açu - Praça Celso Pereira da Silva',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
backgroundColor: colors[2].background,
borderColor: colors[2].border,
fill: false,
},
{
label: 'DC-03 Rio Itajaí-Mirim (canal retificado) - Captação SEMASA',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
backgroundColor: colors[3].background,
borderColor: colors[3].border,
fill: false,
},
{
label: 'DC-04 Rio Itajaí-Mirim (canal retificado e curso antigo) - Vitalmar Pescados',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
backgroundColor: colors[4].background,
borderColor: colors[4].border,
fill: false,
},
{
label: 'DC-05 Rio Itajaí-Mirim (curso antigo) - Propriedade privada',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
backgroundColor: colors[5].background,
borderColor: colors[5].border,
fill: false,
},
{
label: 'DC-06 Rio Itajaí-Mirim (curso antigo) - Itamirim Clube de Campo',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
backgroundColor: colors[6].background,
borderColor: colors[6].border,
fill: false,
},
{
label: 'DC-07 Ribeirão da Murta - Portal',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
backgroundColor: colors[7].background,
borderColor: colors[7].border,
fill: false,
},
{
label: 'DC-08 Ribeirão Canhanduba - Propriedade privada',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
backgroundColor: colors[8].background,
borderColor: colors[8].border,
fill: false,
},
{
label: 'DC-09 Ribeirão Ariribá - Clube União Ariribá',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
backgroundColor: colors[9].background,
borderColor: colors[9].border,
fill: false,
},
],
},
});
}
var canvas_1_plu = document.getElementById('chart-1-plu');
if ( typeof canvas_1_plu != null) {
console.log('canvas_1_plu ->', canvas_1_plu);
var chart_1_plu = new Chart(canvas_1_plu, {
type: 'line',
data: {
labels: [
'17/09/2023 23:20', '17/09/2023 23:30', '17/09/2023 23:40', '17/09/2023 23:50', '18/09/2023 00:00', '18/09/2023 00:10', '18/09/2023 00:20', '18/09/2023 00:30', '18/09/2023 00:40', '18/09/2023 00:50', '18/09/2023 01:00', '18/09/2023 01:10', '18/09/2023 01:20', '18/09/2023 01:30', '18/09/2023 01:40', '18/09/2023 01:50', '18/09/2023 02:00', '18/09/2023 02:10', '18/09/2023 02:20', '18/09/2023 02:30', '18/09/2023 02:40', '18/09/2023 02:50', '18/09/2023 03:00', '18/09/2023 03:10', '18/09/2023 03:20', '18/09/2023 03:30', '18/09/2023 03:40', '18/09/2023 03:50', '18/09/2023 04:00', '18/09/2023 04:10', '18/09/2023 04:20', '18/09/2023 04:30', '18/09/2023 04:40', '18/09/2023 04:50', '18/09/2023 05:00', '18/09/2023 05:10', '18/09/2023 05:20', '18/09/2023 05:30', '18/09/2023 05:40', '18/09/2023 05:50', '18/09/2023 06:00', '18/09/2023 06:10', '18/09/2023 06:20', '18/09/2023 06:30', '18/09/2023 06:40', '18/09/2023 06:50', '18/09/2023 07:00', '18/09/2023 07:10', '18/09/2023 07:20', '18/09/2023 07:30', '18/09/2023 07:40', '18/09/2023 07:50', '18/09/2023 08:00', '18/09/2023 08:10', '18/09/2023 08:20', '18/09/2023 08:30', '18/09/2023 08:40', '18/09/2023 08:50', '18/09/2023 09:00', '18/09/2023 09:10', '18/09/2023 09:20', '18/09/2023 09:30', '18/09/2023 09:40', '18/09/2023 09:50', '18/09/2023 10:00', '18/09/2023 10:10', '18/09/2023 10:20', '18/09/2023 10:30', '18/09/2023 10:40', '18/09/2023 10:50', '18/09/2023 11:00', '18/09/2023 11:10', ],
datasets: [
{
label: 'Nível de Chuva (Milímetros)',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
pointRadius: pointRadius,
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgb(54, 162, 235)',
fill: true,
},
]
},
options: {
title: {
display: true,
text: 'Nível de chuva nas Últimas 12 horas',
},
legend: {
position: 'top',
},
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
callback: function(value, index, values) {
return value + ' mm';
}
},
scaleLabel: {
display: true,
labelString: 'Milímetros'
},
}
],
xAxes: [
{
ticks: {
maxTicksLimit: maxTicksLimit,
maxRotation: 0,
minRotation: 0
},
scaleLabel: {
display: true,
labelString: 'Data e Hora'
},
}
]
}
}
});
}
var canvas_2_plu = document.getElementById('chart-2-plu');
if ( typeof canvas_2_plu != null) {
console.log('canvas_2_plu ->', canvas_2_plu);
var chart_2_plu = new Chart(canvas_2_plu, {
type: 'line',
data: {
labels: [
'17/09/2023 23:20', '17/09/2023 23:30', '17/09/2023 23:40', '17/09/2023 23:50', '18/09/2023 00:00', '18/09/2023 00:10', '18/09/2023 00:20', '18/09/2023 00:30', '18/09/2023 00:40', '18/09/2023 00:50', '18/09/2023 01:00', '18/09/2023 01:10', '18/09/2023 01:20', '18/09/2023 01:30', '18/09/2023 01:40', '18/09/2023 01:50', '18/09/2023 02:00', '18/09/2023 02:10', '18/09/2023 02:20', '18/09/2023 02:30', '18/09/2023 02:40', '18/09/2023 02:50', '18/09/2023 03:00', '18/09/2023 03:10', '18/09/2023 03:20', '18/09/2023 03:30', '18/09/2023 03:40', '18/09/2023 03:50', '18/09/2023 04:00', '18/09/2023 04:10', '18/09/2023 04:20', '18/09/2023 04:30', '18/09/2023 04:40', '18/09/2023 04:50', '18/09/2023 05:00', '18/09/2023 05:10', '18/09/2023 05:20', '18/09/2023 05:30', '18/09/2023 05:40', '18/09/2023 05:50', '18/09/2023 06:00', '18/09/2023 06:10', '18/09/2023 06:20', '18/09/2023 06:30', '18/09/2023 06:40', '18/09/2023 06:50', '18/09/2023 07:00', '18/09/2023 07:10', '18/09/2023 07:20', '18/09/2023 07:30', '18/09/2023 07:40', '18/09/2023 07:50', '18/09/2023 08:00', '18/09/2023 08:10', '18/09/2023 08:20', '18/09/2023 08:30', '18/09/2023 08:40', '18/09/2023 08:50', '18/09/2023 09:00', '18/09/2023 09:10', '18/09/2023 09:20', '18/09/2023 09:30', '18/09/2023 09:40', '18/09/2023 09:50', '18/09/2023 10:00', '18/09/2023 10:10', '18/09/2023 10:20', '18/09/2023 10:30', '18/09/2023 10:40', '18/09/2023 10:50', '18/09/2023 11:00', '18/09/2023 11:10', ],
datasets: [
{
label: 'Nível de Chuva (Milímetros)',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
pointRadius: pointRadius,
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgb(54, 162, 235)',
fill: true,
},
]
},
options: {
title: {
display: true,
text: 'Nível de chuva nas Últimas 12 horas',
},
legend: {
position: 'top',
},
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
callback: function(value, index, values) {
return value + ' mm';
}
},
scaleLabel: {
display: true,
labelString: 'Milímetros'
},
}
],
xAxes: [
{
ticks: {
maxTicksLimit: maxTicksLimit,
maxRotation: 0,
minRotation: 0
},
scaleLabel: {
display: true,
labelString: 'Data e Hora'
},
}
]
}
}
});
}
var canvas_3_plu = document.getElementById('chart-3-plu');
if ( typeof canvas_3_plu != null) {
console.log('canvas_3_plu ->', canvas_3_plu);
var chart_3_plu = new Chart(canvas_3_plu, {
type: 'line',
data: {
labels: [
'17/09/2023 23:20', '17/09/2023 23:30', '17/09/2023 23:40', '17/09/2023 23:50', '18/09/2023 00:00', '18/09/2023 00:10', '18/09/2023 00:20', '18/09/2023 00:30', '18/09/2023 00:40', '18/09/2023 00:50', '18/09/2023 01:00', '18/09/2023 01:10', '18/09/2023 01:20', '18/09/2023 01:30', '18/09/2023 01:40', '18/09/2023 01:50', '18/09/2023 02:00', '18/09/2023 02:10', '18/09/2023 02:20', '18/09/2023 02:30', '18/09/2023 02:40', '18/09/2023 02:50', '18/09/2023 03:00', '18/09/2023 03:10', '18/09/2023 03:20', '18/09/2023 03:30', '18/09/2023 03:40', '18/09/2023 03:50', '18/09/2023 04:00', '18/09/2023 04:10', '18/09/2023 04:20', '18/09/2023 04:30', '18/09/2023 04:40', '18/09/2023 04:50', '18/09/2023 05:00', '18/09/2023 05:10', '18/09/2023 05:20', '18/09/2023 05:30', '18/09/2023 05:40', '18/09/2023 05:50', '18/09/2023 06:00', '18/09/2023 06:10', '18/09/2023 06:20', '18/09/2023 06:30', '18/09/2023 06:40', '18/09/2023 06:50', '18/09/2023 07:00', '18/09/2023 07:10', '18/09/2023 07:20', '18/09/2023 07:30', '18/09/2023 07:40', '18/09/2023 07:50', '18/09/2023 08:00', '18/09/2023 08:10', '18/09/2023 08:20', '18/09/2023 08:30', '18/09/2023 08:40', '18/09/2023 08:50', '18/09/2023 09:00', '18/09/2023 09:10', '18/09/2023 09:20', '18/09/2023 09:30', '18/09/2023 09:40', '18/09/2023 09:50', '18/09/2023 10:00', '18/09/2023 10:10', '18/09/2023 10:20', '18/09/2023 10:30', '18/09/2023 10:40', '18/09/2023 10:50', '18/09/2023 11:00', '18/09/2023 11:10', ],
datasets: [
{
label: 'Nível de Chuva (Milímetros)',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
pointRadius: pointRadius,
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgb(54, 162, 235)',
fill: true,
},
]
},
options: {
title: {
display: true,
text: 'Nível de chuva nas Últimas 12 horas',
},
legend: {
position: 'top',
},
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
callback: function(value, index, values) {
return value + ' mm';
}
},
scaleLabel: {
display: true,
labelString: 'Milímetros'
},
}
],
xAxes: [
{
ticks: {
maxTicksLimit: maxTicksLimit,
maxRotation: 0,
minRotation: 0
},
scaleLabel: {
display: true,
labelString: 'Data e Hora'
},
}
]
}
}
});
}
var canvas_4_plu = document.getElementById('chart-4-plu');
if ( typeof canvas_4_plu != null) {
console.log('canvas_4_plu ->', canvas_4_plu);
var chart_4_plu = new Chart(canvas_4_plu, {
type: 'line',
data: {
labels: [
'17/09/2023 22:30', '17/09/2023 22:40', '17/09/2023 22:50', '17/09/2023 23:00', '17/09/2023 23:10', '17/09/2023 23:20', '17/09/2023 23:30', '17/09/2023 23:40', '17/09/2023 23:50', '18/09/2023 00:00', '18/09/2023 00:10', '18/09/2023 00:20', '18/09/2023 00:30', '18/09/2023 00:40', '18/09/2023 00:50', '18/09/2023 01:00', '18/09/2023 01:10', '18/09/2023 01:30', '18/09/2023 01:40', '18/09/2023 01:50', '18/09/2023 02:00', '18/09/2023 02:10', '18/09/2023 02:20', '18/09/2023 02:30', '18/09/2023 02:40', '18/09/2023 02:50', '18/09/2023 03:00', '18/09/2023 03:10', '18/09/2023 03:30', '18/09/2023 03:40', '18/09/2023 03:50', '18/09/2023 04:00', '18/09/2023 04:10', '18/09/2023 04:20', '18/09/2023 04:30', '18/09/2023 04:40', '18/09/2023 04:50', '18/09/2023 05:00', '18/09/2023 05:10', '18/09/2023 05:20', '18/09/2023 05:30', '18/09/2023 05:40', '18/09/2023 05:50', '18/09/2023 06:00', '18/09/2023 06:20', '18/09/2023 06:30', '18/09/2023 06:40', '18/09/2023 06:50', '18/09/2023 07:00', '18/09/2023 07:10', '18/09/2023 07:20', '18/09/2023 07:30', '18/09/2023 07:40', '18/09/2023 07:50', '18/09/2023 08:00', '18/09/2023 08:10', '18/09/2023 08:20', '18/09/2023 08:30', '18/09/2023 08:40', '18/09/2023 09:00', '18/09/2023 09:10', '18/09/2023 09:20', '18/09/2023 09:30', '18/09/2023 09:40', '18/09/2023 10:00', '18/09/2023 10:10', '18/09/2023 10:20', '18/09/2023 10:30', '18/09/2023 10:40', '18/09/2023 10:50', '18/09/2023 11:00', '18/09/2023 11:10', ],
datasets: [
{
label: 'Nível de Chuva (Milímetros)',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
pointRadius: pointRadius,
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgb(54, 162, 235)',
fill: true,
},
]
},
options: {
title: {
display: true,
text: 'Nível de chuva nas Últimas 12 horas',
},
legend: {
position: 'top',
},
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
callback: function(value, index, values) {
return value + ' mm';
}
},
scaleLabel: {
display: true,
labelString: 'Milímetros'
},
}
],
xAxes: [
{
ticks: {
maxTicksLimit: maxTicksLimit,
maxRotation: 0,
minRotation: 0
},
scaleLabel: {
display: true,
labelString: 'Data e Hora'
},
}
]
}
}
});
}
var canvas_5_plu = document.getElementById('chart-5-plu');
if ( typeof canvas_5_plu != null) {
console.log('canvas_5_plu ->', canvas_5_plu);
var chart_5_plu = new Chart(canvas_5_plu, {
type: 'line',
data: {
labels: [
'17/09/2023 23:20', '17/09/2023 23:30', '17/09/2023 23:40', '17/09/2023 23:50', '18/09/2023 00:00', '18/09/2023 00:10', '18/09/2023 00:20', '18/09/2023 00:30', '18/09/2023 00:40', '18/09/2023 00:50', '18/09/2023 01:00', '18/09/2023 01:10', '18/09/2023 01:20', '18/09/2023 01:30', '18/09/2023 01:40', '18/09/2023 01:50', '18/09/2023 02:00', '18/09/2023 02:10', '18/09/2023 02:20', '18/09/2023 02:30', '18/09/2023 02:40', '18/09/2023 02:50', '18/09/2023 03:00', '18/09/2023 03:10', '18/09/2023 03:20', '18/09/2023 03:30', '18/09/2023 03:40', '18/09/2023 03:50', '18/09/2023 04:00', '18/09/2023 04:10', '18/09/2023 04:20', '18/09/2023 04:30', '18/09/2023 04:40', '18/09/2023 04:50', '18/09/2023 05:00', '18/09/2023 05:10', '18/09/2023 05:20', '18/09/2023 05:30', '18/09/2023 05:40', '18/09/2023 05:50', '18/09/2023 06:00', '18/09/2023 06:10', '18/09/2023 06:20', '18/09/2023 06:30', '18/09/2023 06:40', '18/09/2023 06:50', '18/09/2023 07:00', '18/09/2023 07:10', '18/09/2023 07:20', '18/09/2023 07:30', '18/09/2023 07:40', '18/09/2023 07:50', '18/09/2023 08:00', '18/09/2023 08:10', '18/09/2023 08:20', '18/09/2023 08:30', '18/09/2023 08:40', '18/09/2023 08:50', '18/09/2023 09:00', '18/09/2023 09:10', '18/09/2023 09:20', '18/09/2023 09:30', '18/09/2023 09:40', '18/09/2023 09:50', '18/09/2023 10:00', '18/09/2023 10:10', '18/09/2023 10:20', '18/09/2023 10:30', '18/09/2023 10:40', '18/09/2023 10:50', '18/09/2023 11:00', '18/09/2023 11:10', ],
datasets: [
{
label: 'Nível de Chuva (Milímetros)',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
pointRadius: pointRadius,
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgb(54, 162, 235)',
fill: true,
},
]
},
options: {
title: {
display: true,
text: 'Nível de chuva nas Últimas 12 horas',
},
legend: {
position: 'top',
},
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
callback: function(value, index, values) {
return value + ' mm';
}
},
scaleLabel: {
display: true,
labelString: 'Milímetros'
},
}
],
xAxes: [
{
ticks: {
maxTicksLimit: maxTicksLimit,
maxRotation: 0,
minRotation: 0
},
scaleLabel: {
display: true,
labelString: 'Data e Hora'
},
}
]
}
}
});
}
var canvas_6_plu = document.getElementById('chart-6-plu');
if ( typeof canvas_6_plu != null) {
console.log('canvas_6_plu ->', canvas_6_plu);
var chart_6_plu = new Chart(canvas_6_plu, {
type: 'line',
data: {
labels: [
'17/09/2023 23:20', '17/09/2023 23:30', '17/09/2023 23:40', '17/09/2023 23:50', '18/09/2023 00:00', '18/09/2023 00:10', '18/09/2023 00:20', '18/09/2023 00:30', '18/09/2023 00:40', '18/09/2023 00:50', '18/09/2023 01:00', '18/09/2023 01:10', '18/09/2023 01:20', '18/09/2023 01:30', '18/09/2023 01:40', '18/09/2023 01:50', '18/09/2023 02:00', '18/09/2023 02:10', '18/09/2023 02:20', '18/09/2023 02:30', '18/09/2023 02:40', '18/09/2023 02:50', '18/09/2023 03:00', '18/09/2023 03:10', '18/09/2023 03:20', '18/09/2023 03:30', '18/09/2023 03:40', '18/09/2023 03:50', '18/09/2023 04:00', '18/09/2023 04:10', '18/09/2023 04:20', '18/09/2023 04:30', '18/09/2023 04:40', '18/09/2023 04:50', '18/09/2023 05:00', '18/09/2023 05:10', '18/09/2023 05:20', '18/09/2023 05:30', '18/09/2023 05:40', '18/09/2023 05:50', '18/09/2023 06:00', '18/09/2023 06:10', '18/09/2023 06:20', '18/09/2023 06:30', '18/09/2023 06:40', '18/09/2023 06:50', '18/09/2023 07:00', '18/09/2023 07:10', '18/09/2023 07:20', '18/09/2023 07:30', '18/09/2023 07:40', '18/09/2023 07:50', '18/09/2023 08:00', '18/09/2023 08:10', '18/09/2023 08:20', '18/09/2023 08:30', '18/09/2023 08:40', '18/09/2023 08:50', '18/09/2023 09:00', '18/09/2023 09:10', '18/09/2023 09:20', '18/09/2023 09:30', '18/09/2023 09:40', '18/09/2023 09:50', '18/09/2023 10:00', '18/09/2023 10:10', '18/09/2023 10:20', '18/09/2023 10:30', '18/09/2023 10:40', '18/09/2023 10:50', '18/09/2023 11:00', '18/09/2023 11:10', ],
datasets: [
{
label: 'Nível de Chuva (Milímetros)',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
pointRadius: pointRadius,
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgb(54, 162, 235)',
fill: true,
},
]
},
options: {
title: {
display: true,
text: 'Nível de chuva nas Últimas 12 horas',
},
legend: {
position: 'top',
},
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
callback: function(value, index, values) {
return value + ' mm';
}
},
scaleLabel: {
display: true,
labelString: 'Milímetros'
},
}
],
xAxes: [
{
ticks: {
maxTicksLimit: maxTicksLimit,
maxRotation: 0,
minRotation: 0
},
scaleLabel: {
display: true,
labelString: 'Data e Hora'
},
}
]
}
}
});
}
var canvas_7_plu = document.getElementById('chart-7-plu');
if ( typeof canvas_7_plu != null) {
console.log('canvas_7_plu ->', canvas_7_plu);
var chart_7_plu = new Chart(canvas_7_plu, {
type: 'line',
data: {
labels: [
'17/09/2023 23:20', '17/09/2023 23:30', '17/09/2023 23:40', '17/09/2023 23:50', '18/09/2023 00:00', '18/09/2023 00:10', '18/09/2023 00:20', '18/09/2023 00:30', '18/09/2023 00:40', '18/09/2023 00:50', '18/09/2023 01:00', '18/09/2023 01:10', '18/09/2023 01:20', '18/09/2023 01:30', '18/09/2023 01:40', '18/09/2023 01:50', '18/09/2023 02:00', '18/09/2023 02:10', '18/09/2023 02:20', '18/09/2023 02:30', '18/09/2023 02:40', '18/09/2023 02:50', '18/09/2023 03:00', '18/09/2023 03:10', '18/09/2023 03:20', '18/09/2023 03:30', '18/09/2023 03:40', '18/09/2023 03:50', '18/09/2023 04:00', '18/09/2023 04:10', '18/09/2023 04:20', '18/09/2023 04:30', '18/09/2023 04:40', '18/09/2023 04:50', '18/09/2023 05:00', '18/09/2023 05:10', '18/09/2023 05:20', '18/09/2023 05:30', '18/09/2023 05:40', '18/09/2023 05:50', '18/09/2023 06:00', '18/09/2023 06:10', '18/09/2023 06:20', '18/09/2023 06:30', '18/09/2023 06:40', '18/09/2023 06:50', '18/09/2023 07:00', '18/09/2023 07:10', '18/09/2023 07:20', '18/09/2023 07:30', '18/09/2023 07:40', '18/09/2023 07:50', '18/09/2023 08:00', '18/09/2023 08:10', '18/09/2023 08:20', '18/09/2023 08:30', '18/09/2023 08:40', '18/09/2023 08:50', '18/09/2023 09:00', '18/09/2023 09:10', '18/09/2023 09:20', '18/09/2023 09:30', '18/09/2023 09:40', '18/09/2023 09:50', '18/09/2023 10:00', '18/09/2023 10:10', '18/09/2023 10:20', '18/09/2023 10:30', '18/09/2023 10:40', '18/09/2023 10:50', '18/09/2023 11:00', '18/09/2023 11:10', ],
datasets: [
{
label: 'Nível de Chuva (Milímetros)',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
pointRadius: pointRadius,
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgb(54, 162, 235)',
fill: true,
},
]
},
options: {
title: {
display: true,
text: 'Nível de chuva nas Últimas 12 horas',
},
legend: {
position: 'top',
},
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
callback: function(value, index, values) {
return value + ' mm';
}
},
scaleLabel: {
display: true,
labelString: 'Milímetros'
},
}
],
xAxes: [
{
ticks: {
maxTicksLimit: maxTicksLimit,
maxRotation: 0,
minRotation: 0
},
scaleLabel: {
display: true,
labelString: 'Data e Hora'
},
}
]
}
}
});
}
var canvas_8_plu = document.getElementById('chart-8-plu');
if ( typeof canvas_8_plu != null) {
console.log('canvas_8_plu ->', canvas_8_plu);
var chart_8_plu = new Chart(canvas_8_plu, {
type: 'line',
data: {
labels: [
'17/09/2023 22:20', '17/09/2023 22:30', '17/09/2023 22:40', '17/09/2023 22:50', '17/09/2023 23:00', '17/09/2023 23:10', '17/09/2023 23:20', '17/09/2023 23:30', '17/09/2023 23:40', '17/09/2023 23:50', '18/09/2023 00:00', '18/09/2023 00:10', '18/09/2023 00:20', '18/09/2023 00:30', '18/09/2023 00:40', '18/09/2023 00:50', '18/09/2023 01:00', '18/09/2023 01:10', '18/09/2023 01:30', '18/09/2023 01:40', '18/09/2023 01:50', '18/09/2023 02:00', '18/09/2023 02:10', '18/09/2023 02:20', '18/09/2023 02:30', '18/09/2023 02:40', '18/09/2023 02:50', '18/09/2023 03:00', '18/09/2023 03:10', '18/09/2023 03:20', '18/09/2023 03:40', '18/09/2023 03:50', '18/09/2023 04:00', '18/09/2023 04:10', '18/09/2023 04:20', '18/09/2023 04:30', '18/09/2023 04:40', '18/09/2023 04:50', '18/09/2023 05:00', '18/09/2023 05:10', '18/09/2023 05:20', '18/09/2023 05:30', '18/09/2023 05:40', '18/09/2023 05:50', '18/09/2023 06:00', '18/09/2023 06:20', '18/09/2023 06:30', '18/09/2023 06:40', '18/09/2023 06:50', '18/09/2023 07:00', '18/09/2023 07:10', '18/09/2023 07:20', '18/09/2023 07:40', '18/09/2023 07:50', '18/09/2023 08:00', '18/09/2023 08:10', '18/09/2023 08:20', '18/09/2023 08:30', '18/09/2023 08:40', '18/09/2023 09:00', '18/09/2023 09:10', '18/09/2023 09:20', '18/09/2023 09:30', '18/09/2023 09:40', '18/09/2023 10:00', '18/09/2023 10:10', '18/09/2023 10:20', '18/09/2023 10:30', '18/09/2023 10:40', '18/09/2023 10:50', '18/09/2023 11:00', '18/09/2023 11:10', ],
datasets: [
{
label: 'Nível de Chuva (Milímetros)',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
pointRadius: pointRadius,
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgb(54, 162, 235)',
fill: true,
},
]
},
options: {
title: {
display: true,
text: 'Nível de chuva nas Últimas 12 horas',
},
legend: {
position: 'top',
},
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
callback: function(value, index, values) {
return value + ' mm';
}
},
scaleLabel: {
display: true,
labelString: 'Milímetros'
},
}
],
xAxes: [
{
ticks: {
maxTicksLimit: maxTicksLimit,
maxRotation: 0,
minRotation: 0
},
scaleLabel: {
display: true,
labelString: 'Data e Hora'
},
}
]
}
}
});
}
var canvas_9_plu = document.getElementById('chart-9-plu');
if ( typeof canvas_9_plu != null) {
console.log('canvas_9_plu ->', canvas_9_plu);
var chart_9_plu = new Chart(canvas_9_plu, {
type: 'line',
data: {
labels: [
'17/09/2023 23:10', '17/09/2023 23:20', '17/09/2023 23:30', '17/09/2023 23:40', '17/09/2023 23:50', '18/09/2023 00:00', '18/09/2023 00:10', '18/09/2023 00:20', '18/09/2023 00:30', '18/09/2023 00:40', '18/09/2023 00:50', '18/09/2023 01:00', '18/09/2023 01:10', '18/09/2023 01:20', '18/09/2023 01:30', '18/09/2023 01:40', '18/09/2023 01:50', '18/09/2023 02:00', '18/09/2023 02:10', '18/09/2023 02:20', '18/09/2023 02:30', '18/09/2023 02:40', '18/09/2023 02:50', '18/09/2023 03:00', '18/09/2023 03:10', '18/09/2023 03:20', '18/09/2023 03:40', '18/09/2023 03:50', '18/09/2023 04:00', '18/09/2023 04:10', '18/09/2023 04:20', '18/09/2023 04:30', '18/09/2023 04:40', '18/09/2023 04:50', '18/09/2023 05:00', '18/09/2023 05:10', '18/09/2023 05:20', '18/09/2023 05:30', '18/09/2023 05:40', '18/09/2023 05:50', '18/09/2023 06:00', '18/09/2023 06:10', '18/09/2023 06:20', '18/09/2023 06:30', '18/09/2023 06:40', '18/09/2023 06:50', '18/09/2023 07:00', '18/09/2023 07:10', '18/09/2023 07:20', '18/09/2023 07:30', '18/09/2023 07:40', '18/09/2023 07:50', '18/09/2023 08:00', '18/09/2023 08:10', '18/09/2023 08:20', '18/09/2023 08:30', '18/09/2023 08:40', '18/09/2023 08:50', '18/09/2023 09:00', '18/09/2023 09:10', '18/09/2023 09:20', '18/09/2023 09:30', '18/09/2023 09:40', '18/09/2023 09:50', '18/09/2023 10:00', '18/09/2023 10:10', '18/09/2023 10:20', '18/09/2023 10:30', '18/09/2023 10:40', '18/09/2023 10:50', '18/09/2023 11:00', '18/09/2023 11:10', ],
datasets: [
{
label: 'Nível de Chuva (Milímetros)',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
pointRadius: pointRadius,
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgb(54, 162, 235)',
fill: true,
},
]
},
options: {
title: {
display: true,
text: 'Nível de chuva nas Últimas 12 horas',
},
legend: {
position: 'top',
},
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
callback: function(value, index, values) {
return value + ' mm';
}
},
scaleLabel: {
display: true,
labelString: 'Milímetros'
},
}
],
xAxes: [
{
ticks: {
maxTicksLimit: maxTicksLimit,
maxRotation: 0,
minRotation: 0
},
scaleLabel: {
display: true,
labelString: 'Data e Hora'
},
}
]
}
}
});
}
var canvas_10_plu = document.getElementById('chart-10-plu');
if ( typeof canvas_10_plu != null) {
console.log('canvas_10_plu ->', canvas_10_plu);
var chart_10_plu = new Chart(canvas_10_plu, {
type: 'line',
data: {
labels: [
'17/09/2023 23:20', '17/09/2023 23:30', '17/09/2023 23:40', '17/09/2023 23:50', '18/09/2023 00:00', '18/09/2023 00:10', '18/09/2023 00:20', '18/09/2023 00:30', '18/09/2023 00:40', '18/09/2023 00:50', '18/09/2023 01:00', '18/09/2023 01:10', '18/09/2023 01:20', '18/09/2023 01:30', '18/09/2023 01:40', '18/09/2023 01:50', '18/09/2023 02:00', '18/09/2023 02:10', '18/09/2023 02:20', '18/09/2023 02:30', '18/09/2023 02:40', '18/09/2023 02:50', '18/09/2023 03:00', '18/09/2023 03:10', '18/09/2023 03:20', '18/09/2023 03:30', '18/09/2023 03:40', '18/09/2023 03:50', '18/09/2023 04:00', '18/09/2023 04:10', '18/09/2023 04:20', '18/09/2023 04:30', '18/09/2023 04:40', '18/09/2023 04:50', '18/09/2023 05:00', '18/09/2023 05:10', '18/09/2023 05:20', '18/09/2023 05:30', '18/09/2023 05:40', '18/09/2023 05:50', '18/09/2023 06:00', '18/09/2023 06:10', '18/09/2023 06:20', '18/09/2023 06:30', '18/09/2023 06:40', '18/09/2023 06:50', '18/09/2023 07:00', '18/09/2023 07:10', '18/09/2023 07:20', '18/09/2023 07:30', '18/09/2023 07:40', '18/09/2023 07:50', '18/09/2023 08:00', '18/09/2023 08:10', '18/09/2023 08:20', '18/09/2023 08:30', '18/09/2023 08:40', '18/09/2023 08:50', '18/09/2023 09:00', '18/09/2023 09:10', '18/09/2023 09:20', '18/09/2023 09:30', '18/09/2023 09:40', '18/09/2023 09:50', '18/09/2023 10:00', '18/09/2023 10:10', '18/09/2023 10:20', '18/09/2023 10:30', '18/09/2023 10:40', '18/09/2023 10:50', '18/09/2023 11:00', '18/09/2023 11:10', ],
datasets: [
{
label: 'Nível de Chuva (Milímetros)',
data: [
0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, 0.00, ],
pointRadius: pointRadius,
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgb(54, 162, 235)',
fill: true,
},
]
},
options: {
title: {
display: true,
text: 'Nível de chuva nas Últimas 12 horas',
},
legend: {
position: 'top',
},
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
callback: function(value, index, values) {
return value + ' mm';
}
},
scaleLabel: {
display: true,
labelString: 'Milímetros'
},
}
],
xAxes: [
{
ticks: {
maxTicksLimit: maxTicksLimit,
maxRotation: 0,
minRotation: 0
},
scaleLabel: {
display: true,
labelString: 'Data e Hora'
},
}
]
}
}
});
}
});
</script>]]>
|
