Dev environment - Updated VueUiStackbar testing arena

Author: graphieros

TestingArena/ArenaVueUiStackBar.vue

@@ -6,14 +6,37 @@ import Box from "./Box.vue";
 import convertArrayToObject from "./convertModel";
 import { useArena } from "../src/useArena";
 
+// const dataset = ref([
+//     {
+//         name: "Serie 1",
+//         series: [100, 200],
+//     },
+//     {
+//         name: "Serie 2",
+//         series: [50, 100],
+//     },
+// ]);
+
 const dataset = ref([
     {
         name: "Serie 1",
-        series: [11111.11, 22222.22],
+        series: [10, 20, 30],
     },
     {
         name: "Serie 2",
-        series: [13333.33, 11111.22],
+        series: [-10, -20, -30],
+    },
+    {
+        name: "Serie 3",
+        series: [-5, 5, -5, -10],
+    },
+    {
+        name: "Serie 4",
+        series: [-5, 5, -5],
+    },
+    {
+        name: "Serie 4",
+        series: [5, -5, 5],
     },
 ]);
 
@@ -97,7 +120,7 @@ const model = ref([
     { key: 'style.chart.grid.scale.ticks', def: 10, type: 'select', options: [2, 5, 10, 20]},
 
     { key: 'style.chart.grid.x.showAxis', def: true, type: 'checkbox'},
-    { key: 'style.chart.grid.x.showHorizontalLines', def: false, type: 'checkbox'},
+    { key: 'style.chart.grid.x.showHorizontalLines', def: true, type: 'checkbox'},
     { key: 'style.chart.grid.x.axisColor', def: '#E1E5E8', type: 'color'},
     { key: 'style.chart.grid.x.axisThickness', def: 2, type: 'number', min: 0, max: 12},
     { key: 'style.chart.grid.x.axisName.show', def: true, type: 'checkbox'},