Dev environment - Update testing arena

Author: graphieros

TestingArena/ArenaVueUiHeatmap.vue

@@ -130,7 +130,6 @@ const config = computed(() => {
                     ...c.style.tooltip,
                     customFormat: ({ datapoint }) => {
                         let html = '';
-                        console.log(datapoint);
                         return "test"
                     }
                 }
@@ -150,7 +149,6 @@ const config = computed(() => {
                         value: {
                             ...c.style.layout.cells.value,
                             formatter: ({value, config}) => {
-                                console.log(config)
                                 return `f - ${value}`
                             }
                         }

TestingArena/ArenaVueUiQuadrant.vue

@@ -65,22 +65,22 @@ const dataset = ref([
         name: 'Serie 3',
         shape: 'hexagon',
         series: [
-        {
-            name: "Hexagon 1",
-            x: -39,
-            y: 39
-        },
-        {
-            name: "Hexagon 2",
-            x: -2,
-            y: 45
-        },
-        {
-            name: "Hexagon 3",
-            x: -15,
-            y: 30
-        },
-    ]
+            {
+                name: "Hexagon 1",
+                x: -39,
+                y: 39
+            },
+            {
+                name: "Hexagon 2",
+                x: -2,
+                y: 45
+            },
+            {
+                name: "Hexagon 3",
+                x: -15,
+                y: 30
+            },
+        ]
     }
 ]);
 

TestingArena/ArenaVueUiQuickChart.vue

@@ -80,7 +80,7 @@ const datasets = ref({
         }
     ],
     donut: [
-        { name: 'Serie 1', value: 24},
+        { name: 'Serie 1', value: 12},
         { name: 'Serie 2', value: 12},
         { name: 'Serie 3', value: 6},
         { name: 'Serie 4', value: 3},

TestingArena/ArenaVueUiScatter.vue

@@ -202,7 +202,7 @@ const config = computed(() => {
                     ...c.style.tooltip,
                     customFormat: ({ datapoint }) => {
                         let html = '';
-                        console.log(datapoint);
+                        // console.log(datapoint);
                         return "test"
                     }
                 }
@@ -224,13 +224,13 @@ const config = computed(() => {
                                 ...c.style.layout.plots.selectors.labels,
                                 x: {
                                     formatter: ({value, config}) => {
-                                        console.log(config)
+                                        // console.log(config)
                                         return `X | ${value}`
                                     }
                                 },
                                 y: {
                                     formatter: ({value, config}) => {
-                                        console.log(config)
+                                        // console.log(config)
                                         return `Y | ${value}`
                                     }
                                 }

TestingArena/ArenaVueUiSparkStackbar.vue

@@ -79,7 +79,7 @@ const config = computed(() => {
                 value: {
                     ...c.style.legend.value,
                     formatter: ({value, config }) => {
-                        console.log(config)
+                        // console.log(config)
                         return `f - ${value}`
                     }
                 }

TestingArena/ArenaVueUiSparkTrend.vue

@@ -7,7 +7,7 @@ import convertArrayToObject from "./convertModel";
 
 const datasets = ref({
     neutral: [10.33, 10.33, 10.33, 10.33, 10.33, 10.33, 10.33, 10.33],
-    positive: [0, 1, 2, 3, 5, 8, 13,  21, 34, 55, 89, 144, 233.33],
+    positive: [0, 1, 2, 3, 5, 0, 13,  21, 34, 55, 89, 144, 233.33],
     negative: [100, 95, 80, 60, 40, 20, 10, 9, 8, 7, 6, 5, 3, 1.33]
 })
 

TestingArena/ArenaVueUiWaffle.vue

@@ -184,7 +184,29 @@ function selectLegend(legend) {
             <div v-if="isPrinting" style="font-size: 100px; opacity: 0.1; transform: rotate(-10deg)">
                 WATERMARK
             </div>
-        </template>     
+        </template>
+        <template #cell="{ cell, isSelected }">
+                    <div :style="`opacity:${isSelected ? 1 : 0.3}`">
+                        <VueUiIcon
+                            v-if="cell.name === 'Lorem Ipsum'"
+                            name="lambda"
+                            size="40"
+                            :stroke="cell.color"
+                        />
+                        <VueUiIcon
+                            v-if="cell.name === 'Dolor Amet'"
+                            name="func"
+                            size="40"
+                            :stroke="cell.color"
+                        />
+                        <VueUiIcon
+                            v-if="cell.name === 'Dignissimos Ducimus'"
+                            name="mu"
+                            size="40"
+                            :stroke="cell.color"
+                        />
+                    </div>
+                </template>     
     </LocalVueUiWaffle>
     </div>