VueUiQuickChart fixed negative bar height issue

Author: graphieros

package-lock.json

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

package.json

@@ -3302,7 +3302,7 @@ const quickDatasetLine = ref([
 
 
 const quickDatasetSimpleLine = ref([1, 2, 3, 5, 8, 13, 21, 34, 55, 89])
-const quickDatasetSimpleBar = ref([1, 2, -3, 5, 8])
+const quickDatasetSimpleBar = ref([1, 2, -10, -5, 8])
 
 const quickDatasetBar = ref([
   {

src/App.vue

@@ -476,7 +476,7 @@ const bar = computed(() => {
             ...d,
             coordinates: d.values.map((v,j) => {
                 const barHeight = (((v + absoluteMin) / (extremes.max + absoluteMin)) * drawingArea.height)
-                const barHeightNegative = (Math.abs(v) / Math.abs(extremes.min) * (drawingArea.height - absoluteZero))
+                const barHeightNegative = (Math.abs(v) / (extremes.max + absoluteMin) * (drawingArea.height))
                 const absoluteMinHeight = (absoluteMin / (extremes.max + absoluteMin)) * drawingArea.height;
                 const barWidth = (slotSize / ds.filter(d => !segregated.value.includes(d.id)).length) - (quickConfig.value.barGap / ds.filter(d => !segregated.value.includes(d.id)).length);