VueUiSparkHistogram add offsetY config property to value label

Author: graphieros

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "1.9.38",
+  "version": "1.9.39",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [

package.json

@@ -3326,7 +3326,8 @@ const histoConfig = ref({
                     "bold": true,
                     "rounding": 1,
                     "prefix":"",
-                    "suffix":""
+                    "suffix":"",
+                    "offsetY": -6
                 },
                 "valueLabel": {
                     "fontSize": 14,

src/App.vue

@@ -151,7 +151,7 @@ const selectedIndex = ref(null);
                 :data-cy="`sparkhistogram-value-label-${i}`"
                 text-anchor="middle"
                 :x="val.textAnchor"
-                :y="val.y - histoConfig.style.labels.value.fontSize / 3"
+                :y="val.y - (histoConfig.style.labels.value.fontSize / 3) + histoConfig.style.labels.value.offsetY"
                 :font-size="histoConfig.style.labels.value.fontSize"
                 :font-weight="histoConfig.style.labels.value.bold ? 'bold' : 'normal'"
                 :fill="histoConfig.style.labels.value.color"

src/components/vue-ui-sparkhistogram.vue

@@ -2397,7 +2397,8 @@
                     "bold": true,
                     "rounding": 1,
                     "prefix":"",
-                    "suffix":""
+                    "suffix":"",
+                    "offsetY": 0
                 },
                 "valueLabel": {
                     "fontSize": 14,

src/default_configs.json

@@ -368,6 +368,7 @@ declare module 'vue-data-ui' {
                     rounding?: number;
                     prefix?: string;
                     suffix?: string;
+                    offsetY?: number;
                 };
                 valueLabel?: {
                     fontSize?: number;