@massimo-cassandro/minimo 1.4.2 → 1.4.3

package/charts/src/helpers/chart-utils.js

@@ -44,6 +44,8 @@ export function polarToCartesianString(degrees_angle, cx, cy, circleRadius) {
   return `${x},${y}`;
 }
 
+
+// TODO unificare con classnames globale
 /**
  * Concatena i nomi delle classi filtrando i valori falsy.
  * @param {...any} args - I nomi delle classi o condizioni.

package/charts/src/helpers/parse-std-axis-opts.js

@@ -14,7 +14,8 @@ export function parseStdAxisOpts(params = {} ) {
   try {
 
 
-
+// TODO eti_asseX_height e eti_asseY_width capire se è possibile inserire un calcolo dinamico delle dimensioni
+//     mettere quindi auto (o null) come default che innesci il calcolo automatico
     const parsed = {};
 
     // default
@@ -61,9 +62,11 @@ export function parseStdAxisOpts(params = {} ) {
       parsed.min_value = params.min_value;
     }
 
-    const legenda_height = params.legenda.height?? 0;
+    const legenda_height = params.legenda?.height?? 0;
     const gap_legenda = legenda_height? 10 : 0; // spazio tra legenda e grafico
 
+console.log(params.eti_asseY_width, params.ticksLength, params.padding);
+
     // =>> chart area
     // coordinate e dimensioni del rettangolo interno all'svg entro cui viene disegnato il grafico
     // i lati sx e inferiore corrispondono agli assi

package/charts/src/lines.js

@@ -220,9 +220,10 @@ export async function lines(params) {
 
     // =>> legenda
     // costruzione delle opzioni per la legenda
-    const opts_legenda = {
+    if(params.legenda != null) {
+
+      params.legenda = {
 
-      ...{
         /** altezza legenda */
         height: 20,
 
@@ -239,25 +240,26 @@ export async function lines(params) {
           'font-weight': 400
         },
         fontFilePath: null,
-      },
 
-      ...params.legenda
-    };
 
-    // legenda.items (elementi della legenda)
-    // il ciclo viene eseguito su params.data_lines_attrs per essere certi che il numero di elementi coincida
-    // è utilizzato in ordine inverso in modo che il primo elmento della legenda corrisponda alla linea in primo piano
-    opts_legenda.items = params.data_lines_attrs.toReversed().map((line_attr, idx) => {
-      const thisLegendaItem = params.legenda.items.toReversed()[idx]?? {};
-      return {
-        ...thisLegendaItem,
-        shape: 'line',
-        attrs: {
-          ...(thisLegendaItem.attrs?? {}),
-          ...line_attr
-        }
+        ...(params.legenda??[])
       };
-    });
+
+      // legenda.items (elementi della legenda)
+      // il ciclo viene eseguito su params.data_lines_attrs per essere certi che il numero di elementi coincida
+      // è utilizzato in ordine inverso in modo che il primo elmento della legenda corrisponda alla linea in primo piano
+      params.legenda.items = params.data_lines_attrs.toReversed().map((line_attr, idx) => {
+        const thisLegendaItem = params.legenda.items.toReversed()[idx]?? {};
+        return {
+          ...thisLegendaItem,
+          shape: 'line',
+          attrs: {
+            ...(thisLegendaItem.attrs?? {}),
+            ...line_attr
+          }
+        };
+      });
+    }
 
 
     // numero di step dell'asse X
@@ -281,7 +283,7 @@ export async function lines(params) {
       max_value: params.max_value,
       min_value: params.min_value,
       values: flatValues,
-      legenda: opts_legenda,
+      legenda: params.legenda,
       padding: params.padding,
       width: params.width,
       height: params.height,
@@ -324,11 +326,15 @@ export async function lines(params) {
 
       lineDataArray.forEach((pointValue, pointIdx) => {
         // trasformazione valore in coordinate
+        // i valori null vengono ignorati
+
+        if(pointValue != null) {
 
-        const x = chart_area.left + stepX_size * pointIdx,
-          y = chart_area.top + chart_area.height - (((pointValue - min_value) * chart_area.height) / (max_value - min_value));
+          const x = chart_area.left + stepX_size * pointIdx,
+            y = chart_area.top + chart_area.height - (((pointValue - min_value) * chart_area.height) / (max_value - min_value));
 
-        coords.push([x,y]);
+          coords.push([x,y]);
+        }
       });
 
       thisLineGroup.polyline(coords).attr(params.data_lines_attrs[idx]);
@@ -356,19 +362,21 @@ export async function lines(params) {
 
 
     // =>> Legenda
-    const legendaEl = await legenda(chartInstance, opts_legenda);
-    legendaEl.attr({ 'data-cfg.debug-info': params.debug? 'Legenda' : null });
-    const legendaBbox = legendaEl.bbox();
+    if(params.legenda) {
+      const legendaEl = await legenda(chartInstance, params.legenda);
+      legendaEl.attr({ 'data-cfg.debug-info': params.debug? 'Legenda' : null });
+      const legendaBbox = legendaEl.bbox();
 
-    legendaEl.dmove(
-      (params.width - legendaBbox.width) / 2,
-      params.padding
-    );
-    legendaEl.y(params.padding);
+      legendaEl.dmove(
+        (params.width - legendaBbox.width) / 2,
+        params.padding
+      );
+      legendaEl.y(params.padding);
 
-    legendaEl.x((params.width - legendaBbox.width) / 2);
+      legendaEl.x((params.width - legendaBbox.width) / 2);
 
-    svgCanvas.add(legendaEl);
+      svgCanvas.add(legendaEl);
+    }
 
 
     if(!params.container) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "Light css framework & utilities",
   "type": "module",
   "homepage": "https://github.com/massimo-cassandro/minimo#readme",