Dev environment - Update testing arenas

Author: graphieros

TestingArena/ArenaVueUiTable.vue

@@ -57,6 +57,21 @@ const head = ref([
     prefix: "",
     rangeFilter: false,
   },
+  {
+    name: "date2",
+    type: "date",
+    average: false,
+    decimals: undefined,
+    sum: false,
+    isSort: true,
+    isSearch: false,
+    isMultiselect: false,
+    isPercentage: false,
+    percentageTo: undefined,
+    suffix: "",
+    prefix: "",
+    rangeFilter: false,
+  },
   {
     name: "base",
     type: "numeric",
@@ -171,10 +186,12 @@ function makeBody(n) {
       const category = getRandomCategory();
       let accueil = Math.random() * 100;
       const date = getRandomDate();
+      const date2 = getRandomDate();
       const data = [
         itemName,
         category,
         date,
+        date2,
         accueil,
         Number((Math.random() * 5).toFixed(1)),
         Math.random() * 200,
@@ -218,7 +235,7 @@ const dataset = ref( {
 
 onMounted(() => {
     setTimeout(() => {
-        dataset.value.body = makeBody(200)
+        dataset.value.body = makeBody(500)
     }, 3000)
 })
 

TestingArena/ArenaVueUiWheel.vue

@@ -12,7 +12,7 @@ const dataset = ref(undefined);
 
 onMounted(() => {
     setTimeout(() => {
-        dataset.value = { percentage: 99 };
+        dataset.value = { percentage: 12 };
     }, 2000)
 })
 
@@ -67,7 +67,7 @@ const model = ref([
     { key: 'style.chart.animation.acceleration', def: 1, type: 'number', min: 0, max: 10, step: 0.1},
 
     { key: 'style.chart.layout.wheel.radiusRatio', def: 0.9, type: 'number', min: 0.1, max: 1, step: 0.01 },
-    { key: 'style.chart.layout.wheel.tiltAngle3d', def: 50, type: 'number', min: 10, max: 80 },
+    { key: 'style.chart.layout.wheel.tiltAngle3d', def: 50, type: 'range', min: 10, max: 80 },
 
     { key: 'style.chart.layout.wheel.ticks.rounded', def: true, type: 'checkbox'},
     { key: 'style.chart.layout.wheel.ticks.inactiveColor', def: '#e1e5e8', type: 'color'},
@@ -81,6 +81,7 @@ const model = ref([
     { key: 'style.chart.layout.wheel.ticks.type', def: 'arc', type: 'select', options: ['classic', 'arc']},
     { key: 'style.chart.layout.wheel.ticks.spacingRatio3d', def: 0.8, type: 'number', min: 0.1, max: 1, step: 0.1},
     { key: 'style.chart.layout.wheel.ticks.shadeColorRatio3d', def: 0.15, type: 'number', min: 0.1, max: 1, step: 0.1},
+    { key: 'style.chart.layout.wheel.ticks.depth3d', def: 100, type: 'range', min: 0, max: 20},
 
     { key: 'style.chart.layout.innerCircle.show', def: true, type: 'checkbox'},
     { key: 'style.chart.layout.innerCircle.stroke', def: '#e1e5e8', type: 'color'},

TestingArena/ArenaVueUiXy.vue

@@ -402,23 +402,26 @@ onMounted(() => {
         dataLabels: false,
         smooth: true,
         useArea: true,
+        useProgression: true
     },
-    {
-        name: "Serie A",
-        series: createDs(35),
-        type: "line",
-        dataLabels: false,
-        smooth: true,
-        useArea: true,
-    },
-    {
-        name: "Serie B",
-        series: createDs(35),
-        type: "bar",
-        dataLabels: false,
-        smooth: true,
-        useArea: true,
-    },
+    // {
+    //     name: "Serie A",
+    //     series: createDs(35),
+    //     type: "line",
+    //     dataLabels: false,
+    //     smooth: true,
+    //     useArea: true,
+    //     useProgression: true
+    // },
+    // {
+    //     name: "Serie B",
+    //     series: createDs(35),
+    //     type: "bar",
+    //     dataLabels: false,
+    //     smooth: true,
+    //     useArea: true,
+    //     useProgression: true
+    // },
     // {
     //     name: "Serie B",
     //     series: [60, 75, 11, 20, 10, 8, null, 20, 22, 204, 146, 117, 55],