@tekkare/auriga 0.2.10 → 0.2.12

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.10"
+  "version": "0.2.12"
 }

package/dist/runtime/components/argChart.vue

@@ -115,7 +115,15 @@ export default defineComponent({
       const seriesData = props.series;
       const hasPercentages = props.withPercentages;
       const compactMode = props.compactValues;
-      const hideLegend = props.hideLegend;
+      const minValue = ref(0);
+      const allValues = props.series.map((a) => a.data).flat();
+      if (Math.min(...allValues) > 0) {
+        minValue.value = 0;
+      } else
+        minValue.value = Math.min(...allValues);
+      if (props.hideLegend) {
+        props.options["legend"] = { show: false };
+      }
       props.options["grid"] = {
         borderColor: "#EAEAF5",
         strokeDashArray: 7,
@@ -160,6 +168,7 @@ export default defineComponent({
       } else {
         props.options["title"] = { align: "center" };
       }
+      props.options["yaxis"] = { min: minValue.value, show: false };
       if (props.colors) {
         props.options["colors"] = props.colors;
       }
@@ -251,7 +260,6 @@ export default defineComponent({
             }
           }
         };
-        props.options["yaxis"] = { min: 0, show: false };
         if (props.options["markers"] === void 0) {
           props.options["markers"] = { size: 0, showNullDataPoints: true };
         }
@@ -261,7 +269,10 @@ export default defineComponent({
           props.options["tooltip"] = {
             y: {
               formatter(value, { series, seriesIndex, dataPointIndex, w }) {
-                return value.toFixed(1);
+                return value?.toLocaleString("fr-FR", {
+                  minimumFractionDigits: 0,
+                  maximumFractionDigits: 1
+                }).replace(",", ".");
               }
             },
             shared: false
@@ -325,9 +336,6 @@ export default defineComponent({
             ...defaultDataLabelFormatter
           };
         }
-        if (props.hideLegend) {
-          props.options["legend"] = { show: false };
-        }
         if (props.tooltipOptions) {
           props.options["tooltip"] = props.tooltipOptions;
         }
@@ -345,7 +353,6 @@ export default defineComponent({
             }
           }
         };
-        props.options["yaxis"] = { show: false, min: 0 };
       } else if (props.type === "bar-horizontal") {
         let predefinedColors = false;
         if (props.colors) {
@@ -401,9 +408,6 @@ export default defineComponent({
             ...defaultDataLabelFormatter
           };
         }
-        if (props.hideLegend) {
-          props.options["legend"] = { show: false };
-        }
         if (props.tooltipOptions) {
           props.options["tooltip"] = props.tooltipOptions;
         }
@@ -625,12 +629,15 @@ export default defineComponent({
             }
           }
         };
-      } else if (props.type === "pie") {
+      } else if (props.type === "pie" || props.type === "donut") {
         props.options["labels"] = props.categories;
         let defaultDataLabelsConfig = {
           offset: -50,
           enabled: true,
-          style: { fontSize: "14px", colors: ["#FFFFFF"] },
+          style: {
+            fontSize: "14px",
+            colors: props.type === "donut" ? ["#3E3F5E"] : ["#FFFFFF"]
+          },
           dropShadow: { enabled: false }
         };
         if (props.options.dataLabels && props.options.dataLabels.formatter) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",