Dev environment - Update testing arena

graphieros · graphieros · commit 81cd0415f470 · 2024-11-12T07:54:09.000+01:00
diff --git a/TestingArena/ArenaVueUiMoodRadar.vue b/TestingArena/ArenaVueUiMoodRadar.vue
@@ -24,7 +24,7 @@ const model = ref([
     { key: 'userOptions.buttons.table', def: true, type: 'checkbox'},
     { key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox'},
     { key: 'style.fontFamily', def: 'inherit', type: 'text'},
-    { key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
+    { key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
     { key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
     { key: 'style.chart.layout.grid.show', def: true, type: 'checkbox'}, // not applied ?
     { key: 'style.chart.layout.grid.stroke', def: '#e1e5e8', type: 'color'},
diff --git a/TestingArena/ArenaVueUiQuadrant.vue b/TestingArena/ArenaVueUiQuadrant.vue
@@ -157,7 +157,7 @@ const model = ref([
     { key: 'style.fontFamily', def: 'inherit', type: "text"},
     { key: 'style.chart.height', def: 512, type: 'number', min: 100, max: 1000},
     { key: 'style.chart.width', def: 512, type: 'number', min: 100, max: 1000},
-    { key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
+    { key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
     { key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
     { key: 'style.chart.layout.labels.quadrantLabels.show', def: true, type: 'checkbox'},
     { key: 'style.chart.layout.labels.quadrantLabels.tl.text', def: 'Top left label', type: 'text'},
@@ -249,7 +249,7 @@ const themeOptions = ref([
     "default"
 ])
 
-const currentTheme = ref(themeOptions.value[3])
+const currentTheme = ref(themeOptions.value[4])
 
 const config = computed(() => {
     const c = convertArrayToObject(model.value);
diff --git a/TestingArena/ArenaVueUiQuickChart.vue b/TestingArena/ArenaVueUiQuickChart.vue
@@ -107,7 +107,7 @@ function alterDataset() {
 const selectedSerie = ref('shortArray');
 
 const model = ref([
-    { key: 'backgroundColor', def: '#FFFFFF', type: 'color'},
+    { key: 'backgroundColor', def: '#FFFFFF20', type: 'color'},
     { key: 'responsive', def: false, type: 'checkbox'},
     { key: 'userOptionsButtons.pdf', def: true, type: 'checkbox'},
     { key: 'userOptionsButtons.img', def: true, type: 'checkbox'},
diff --git a/TestingArena/ArenaVueUiRadar.vue b/TestingArena/ArenaVueUiRadar.vue
@@ -110,7 +110,7 @@ const model = ref([
     { key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox' },
     { key: 'useCssAnimation', def: true, type: 'checkbox'},
     { key: 'style.fontFamily', def: 'inherit', type: 'text'},
-    { key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
+    { key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
     { key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
     { key: 'style.chart.layout.plots.show', def: true, type: 'checkbox'},
     { key: 'style.chart.layout.plots.radius', def: 2, type: 'range', min: 0, max: 24},
@@ -177,7 +177,7 @@ const themeOptions = ref([
     "default"
 ])
 
-const currentTheme = ref(themeOptions.value[2])
+const currentTheme = ref(themeOptions.value[4])
 
 const config = computed(() => {
     const c = convertArrayToObject(model.value);
diff --git a/TestingArena/ArenaVueUiRelationCircle.vue b/TestingArena/ArenaVueUiRelationCircle.vue
@@ -87,7 +87,7 @@ const model = ref([
     { key: 'userOptions.buttons.img', def: true, type: 'checkbox'},
     { key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox'},
     { key: 'style.color', def: '#1A1A1A', type: 'color'},
-    { key: 'style.backgroundColor', def: '#FFFFFF', type: 'color'},
+    { key: 'style.backgroundColor', def: '#FFFFFF20', type: 'color'},
     { key: 'style.fontFamily', def: 'inherit', type: 'text'},
     { key: 'style.size', def: 400, type: 'number', min: 100, max: 1000},
     { key: 'style.limit', def: 50, type: 'range', min: 2, max: 100},
diff --git a/TestingArena/ArenaVueUiSparkGauge.vue b/TestingArena/ArenaVueUiSparkGauge.vue
@@ -20,7 +20,7 @@ onMounted(() => {
 
 const model = ref([
     { key: 'style.fontFamily', def: 'inherit', type: 'text'},
-    { key: 'style.background', def: '#FFFFFF', type: 'color'},
+    { key: 'style.background', def: '#FFFFFF20', type: 'color'},
     { key: 'style.height', def: 84, type: 'number', min: 10, max: 200},
     { key: 'style.basePosition', def: 72, type: 'number', min: 0, max: 100},
     { key: 'style.animation.show', def: true, type: 'checkbox'},
diff --git a/TestingArena/ArenaVueUiSparkHistogram.vue b/TestingArena/ArenaVueUiSparkHistogram.vue
@@ -148,7 +148,7 @@ function alterDataset() {
 
 
 const model = ref([
-    { key: 'style.backgroundColor', def: '#FFFFFF', type: 'color'},
+    { key: 'style.backgroundColor', def: '#FFFFFF20', type: 'color'},
     { key: 'style.fontFamily', def: 'inherit', type: 'text'},
     { key: 'style.animation.show', def: true, type: 'checkbox'},
     { key: 'style.animation.speedMs', def: 500, type: 'range', min: 100, max: 1000},
diff --git a/TestingArena/ArenaVueUiSparkStackbar.vue b/TestingArena/ArenaVueUiSparkStackbar.vue
@@ -55,7 +55,7 @@ function alterDataset() {
 }
 
 const model = ref([
-    { key: 'style.backgroundColor', def: '#FFFFFF', type: 'color'},
+    { key: 'style.backgroundColor', def: '#FFFFFF20', type: 'color'},
     { key: 'style.fontFamily', def: 'inherit', type: 'text'},
     { key: 'style.animation.show', def: true, type: 'checkbox'},
     { key: 'style.animation.animationFrames', def: 60, type: 'number', min: 0, max: 300},
diff --git a/TestingArena/ArenaVueUiSparkTrend.vue b/TestingArena/ArenaVueUiSparkTrend.vue
@@ -34,7 +34,7 @@ function alterDataset() {
 
 
 const model = ref([
-    { key: 'style.backgroundColor', def: '#FFFFFF', type: 'color'},
+    { key: 'style.backgroundColor', def: '#FFFFFF20', type: 'color'},
     { key: 'style.fontFamily', def: 'inherit', type: 'text'},
     { key: 'style.animation.show', def: true, type: 'checkbox'},
     { key: 'style.animation.animationFrames', def: 20, type: 'number', min: 0, max: 200},
diff --git a/TestingArena/ArenaVueUiSparkbar.vue b/TestingArena/ArenaVueUiSparkbar.vue
@@ -75,7 +75,7 @@ function toggleProps() {
 }
 
 const model = ref([
-    { key: 'style.backgroundColor', def: '#FFFFFF', type: 'color'},
+    { key: 'style.backgroundColor', def: '#FFFFFF20', type: 'color'},
     { key: 'style.fontFamily', def: 'inherit', type: 'text'},
     { key: 'style.animation.show', def:  true, type: 'checkbox'},
     { key: 'style.animation.animationFrames', def: 60, type: 'number', min: 0, max: 300},
@@ -118,7 +118,7 @@ const themeOptions = ref([
     "default"
 ])
 
-const currentTheme = ref(themeOptions.value[3])
+const currentTheme = ref(themeOptions.value[4])
 
 const config = computed(() => {
     return {
diff --git a/TestingArena/ArenaVueUiStackbar.vue b/TestingArena/ArenaVueUiStackbar.vue
@@ -55,7 +55,7 @@ const model = ref([
     { key: 'responsive', def: false, type: 'checkbox'},
     { key: 'theme', def: '', type: 'select', options: ['', 'zen', 'hack', 'concrete']},
     { key: 'useCssAnimation', def: true, type: 'checkbox'},
-    { key: 'style.chart.backgroundColor', def: '#FFFFFF00', type: 'color'},
+    { key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
     { key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
     { key: 'style.chart.height', def: 500, type: 'number', min: 200, max: 1000},
     { key: 'style.chart.width', def: 800, type: 'number', min: 200, max: 1000},
diff --git a/TestingArena/ArenaVueUiTreemap.vue b/TestingArena/ArenaVueUiTreemap.vue
@@ -142,7 +142,7 @@ const model = ref([
     { key: 'userOptions.buttons.table', def: true, type: 'checkbox' },
     { key: 'userOptions.buttons.fullscreen', def: true, type: 'checkbox' },
     { key: 'style.fontFamily', def: 'inherit', type: 'text' },
-    { key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color'},
+    { key: 'style.chart.backgroundColor', def: '#FFFFFF', type: 'color'},
     { key: 'style.chart.color', def: '#1A1A1A', type: 'color'},
     { key: 'style.chart.height', def: 500, type: 'number', min: 100, max: 1000},
     { key: 'style.chart.width', def: 800, type: 'number', min: 100, max: 1500},
diff --git a/TestingArena/ArenaVueUiXy.vue b/TestingArena/ArenaVueUiXy.vue
@@ -163,7 +163,7 @@ const model = ref([
     { key: 'useCanvas', def: false, type: 'checkbox'}, // DEPRECATED (removed)
     { key: 'useCssAnimation', def: true, type: 'checkbox', label: 'useCssAnimation', category: 'general' },
     { key: 'chart.fontFamily', def: 'inherit', type: 'text', label: 'fontFamily', category: 'general' },
-    { key: 'chart.backgroundColor', def: '#FFFFFF', type: 'color', label: 'backgroundColor', category: 'general' },
+    { key: 'chart.backgroundColor', def: '#FFFFFF30', type: 'color', label: 'backgroundColor', category: 'general' },
     { key: 'chart.color', def: '#1A1A1A', type: 'color', label: 'textColor', category: 'general' },
     { key: 'chart.height', def: 600, type: 'range', min: 300, max: 1000, label: 'height', category: 'general' },
     { key: 'chart.width', def: 1000, type: 'range', min: 300, max: 2000, label: 'width', category: 'general' },
@@ -182,7 +182,7 @@ const model = ref([
     { key: 'chart.zoom.minimap.indicatorColor', def: '#1A1A1A', type: 'color'},
 
     { key: 'chart.padding.top', def: 36, type: 'number', min: 0, max: 100, label: "top", category: 'padding' },
-    { key: 'chart.padding.right', def: 24, type: 'number', min: 0, max: 100, label: 'right', category: 'padding' },
+    { key: 'chart.padding.right', def: 120, type: 'number', min: 0, max: 100, label: 'right', category: 'padding' },
     { key: 'chart.padding.bottom', def: 64, type: 'number', min: 0, max: 100, label: 'bottom', category: 'padding' },
     { key: 'chart.padding.left', def: 48, type: 'number', min: 0, max: 100, label: 'left', category: 'padding' },
 
@@ -443,7 +443,7 @@ const config = computed(() => {
                     }],
                 grid: {
                     ...c.chart.grid,
-                    position: 'start',
+                    // position: 'start',
                     labels: {
                         ...c.chart.grid.labels,
                         yAxis: {

Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@ function alterDataset() {`
`55`	`55`	`}`
`56`	`56`
`57`	`57`	`const model = ref([`
`58`		`- { key: 'style.backgroundColor', def: '#FFFFFF', type: 'color'},`
	`58`	`+ { key: 'style.backgroundColor', def: '#FFFFFF20', type: 'color'},`
`59`	`59`	`{ key: 'style.fontFamily', def: 'inherit', type: 'text'},`
`60`	`60`	`{ key: 'style.animation.show', def: true, type: 'checkbox'},`
`61`	`61`	`{ key: 'style.animation.animationFrames', def: 60, type: 'number', min: 0, max: 300},`