Dev environment - Update testing arena

Author: graphieros

TestingArena/ArenaVueUiSparkHistogram.vue

@@ -11,6 +11,7 @@ const dataset = ref([
         valueLabel: "20.35%",
         timeLabel: "09:00",
         intensity: 1,
+        color: '#FF0000'
     },
     {
         value: 1.3,
@@ -24,6 +25,7 @@ const dataset = ref([
         valueLabel: "60%",
         timeLabel: "11:00",
         intensity: 0.6,
+        color: '#00FF00'
 
     },
     {

TestingArena/ArenaVueUiSparkbar.vue

@@ -56,7 +56,7 @@ const model = ref([
     { key: 'style.bar.gradient.intensity', def: 40, type: 'range', min: 0, max: 100},
     { key: 'style.bar.gradient.underlayerColor', def: '#FFFFFF', type: 'color'},
     { key: 'style.labels.fontSize', def: 16, type: 'number', min: 8, max: 48},
-    { key: 'style.labels.name.position', def: 'top', type: 'select', options: ['left', 'top']},
+    { key: 'style.labels.name.position', def: 'top', type: 'select', options: ['left', 'top', 'top-left', 'top-center', 'top-right', 'right']},
     { key: 'style.labels.name.width', def: '100%', type: 'text'},
     { key: 'style.labels.name.color', def: '#1A1A1A', type: 'color'},
     { key: 'style.labels.name.bold', def: false, type: 'checkbox'},
@@ -125,11 +125,11 @@ const showTitleSlot = ref(false);
                     </div>
                 </template>
 
-                <template #data-label="{ bar }">
+                <!-- <template #data-label="{ bar }">
                     <div style="width:100%">
                         {{ bar.name }}: {{ bar.valueLabel }} to {{ bar.targetLabel }}
                     </div>
-                </template>
+                </template> -->
             </LocalVueUiSparkbar>
         </template>