Update date on chart cursor and axes to show Q

public/js/evolucion_urbana_charts.js

@@ -38,9 +38,16 @@ am4core.ready(function() {
 
     // Create axes
     let xAxis = chart.xAxes.push(new am4charts.DateAxis()); //chart.xAxes.push(new am4charts.DateAxis());
-    xAxis.baseInterval = { timeUnit: "month", count: 1 };
+    xAxis.baseInterval = { timeUnit: "month", count: 3 };
     xAxis.renderer.labels.template.fill = am4core.color(mainTextColor);
     xAxis.renderer.labels.template.fontSize = 15;
+    xAxis.renderer.labels.template.location = 0.5;
+    xAxis.tooltipDateFormat = "q yyyy";
+    xAxis.adapter.add("getTooltipText", (text) => {
+        return "Q" + text;
+    });
+    xAxis.dateFormats.setKey("month", "Qq yyyy");
+    xAxis.periodChangeDateFormats.setKey("month", "Qq yyyy");
 
     let valueAxis1 = chart.yAxes.push(new am4charts.ValueAxis());
     valueAxis1.title.text = "Área urbanizada (Ha)";