Skip to content

Commit d714712

Browse files
graphierosgraphieros
committed
Dev environment - Updated VueUiScatter arena
1 parent 41a731c commit d714712

File tree

1 file changed

+27
-10
lines changed

1 file changed

+27
-10
lines changed

‎TestingArena/ArenaVueUiScatter.vue‎

Lines changed: 27 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -84,6 +84,21 @@ const model = ref([
8484
{ key: 'style.layout.plots.giftWrap.strokeWidth', def: 1, type: 'number', min: 0, max: 12},
8585
{ key: 'style.layout.plots.giftWrap.strokeDasharray', def: 0, type: 'number', min: 0, max: 100},
8686
{ key: 'style.layout.plots.giftWrap.fillOpacity', def: 0.2, type: 'number', min: 0, max: 1, step: 0.01},
87+
{ key: 'style.layout.plots.selectors.show', def: true, type: 'checkbox'},
88+
{ key: 'style.layout.plots.selectors.stroke', def: '#1A1A1A', type: 'color'},
89+
{ key: 'style.layout.plots.selectors.strokeWidth', def: 0.7, type: 'number', min: 0, max: 12, step: 0.1},
90+
{ key: 'style.layout.plots.selectors.strokeDasharray', def: 0, type: 'number', min: 0, max: 100},
91+
{ key: 'style.layout.plots.selectors.labels.fontSize', def: 12, type: 'number', min: 8, max: 24},
92+
{ key: 'style.layout.plots.selectors.labels.color', def: '#1A1A1A', type: 'color'},
93+
{ key: 'style.layout.plots.selectors.labels.rounding', def: 2, type: 'number', min: 0, max: 12},
94+
{ key: 'style.layout.plots.selectors.labels.bold', def: false, type: 'checkbox'},
95+
{ key: 'style.layout.plots.selectors.labels.showName', def: true, type: "checkbox"},
96+
{ key: 'style.layout.plots.selectors.labels.prefix', def: 'P', type: 'text'},
97+
{ key: 'style.layout.plots.selectors.labels.suffix', def: 'S', type: 'text'},
98+
{ key: 'style.layout.plots.selectors.markers.radius', def: 1.5, type: 'number', min: 0, max: 12, step: 0.5},
99+
{ key: 'style.layout.plots.selectors.markers.stroke', def: '#FFFFFF', type: 'color'},
100+
{ key: 'style.layout.plots.selectors.markers.strokeWidth', def: 0.5, type: 'number', min: 0, max: 12, step: 0.5},
101+
{ key: 'style.layout.plots.selectors.markers.fill', def: '#1A1A1A', type: 'color'},
87102
{ key: 'style.layout.correlation.show', def: true, type: 'checkbox'},
88103
{ key: 'style.layout.correlation.strokeDasharray', def: 2, type: 'number', min: 0, max: 100},
89104
{ key: 'style.layout.correlation.strokeWidth', def: 1, type: 'number', min: 0, max: 12},
@@ -128,8 +143,10 @@ const model = ref([
128143
{ key: 'style.tooltip.color', def: '#1A1A1A', type: 'color' },
129144
{ key: 'style.tooltip.fontSize', def: 14, type: 'number', min: 6, max: 24 },
130145
{ key: 'style.tooltip.showValue', def: true, type: 'checkbox'},
131-
{ key: 'style.tooltip.roundingValue', def: 0, type: 'number', min: 0, max: 6},
146+
{ key: 'style.tooltip.roundingValue', def: 2, type: 'number', min: 0, max: 6},
132147
{ key: 'style.tooltip.showShape', def: true, type: 'checkbox' },
148+
{ key: 'style.tooltip.prefix', def: 'P', type: 'text'},
149+
{ key: 'style.tooltip.suffix', def: 'S', type: 'text'},
133150
{ key: 'userOptions.show', def: true, type: 'checkbox'},
134151
{ key: 'table.show', def: false, type: 'checkbox', label: 'show', category: 'table' },
135152
{ key: 'table.responsiveBreakpoint', def: 400, type: 'number', min: 300, max: 800 },
@@ -144,7 +161,7 @@ const model = ref([
144161
{ key: 'table.translations.correlationCoefficient', def: 'Correlation coef.', type: 'text'},
145162
{ key: 'table.translations.nbrPlots', def: 'Nbr plots', type: 'text'},
146163
{ key: 'table.translations.average', def: 'Average', type: 'text'},
147-
{ key: 'table.translations.series', def: 'Series', type: 'text'}
164+
{ key: 'table.translations.series', def: 'Series', type: 'text'},
148165
])
149166
150167
const testCustomTooltip = ref(false);
@@ -194,8 +211,8 @@ function selectLegend(legend) {
194211
<template #local>
195212
<LocalVueUiScatter :dataset="dataset" :config="config" :key="`local_${step}`">
196213
<template #svg="{ svg }">
197-
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
198-
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
214+
<circle :cx="30" :cy="30" :r="30" fill="#42d392" />
215+
<text :x="30" :y="30" text-anchor="middle">#SVG</text>
199216
</template>
200217
<template #legend="{ legend }">
201218
#LEGEND
@@ -215,8 +232,8 @@ function selectLegend(legend) {
215232
<template #VDUI-local>
216233
<LocalVueDataUi component="VueUiScatter" :dataset="dataset" :config="config" :key="`VDUI-lodal_${step}`">
217234
<template #svg="{ svg }">
218-
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
219-
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
235+
<circle :cx="30" :cy="30" :r="30" fill="#42d392" />
236+
<text :x="30" :y="30" text-anchor="middle">#SVG</text>
220237
</template>
221238
<template #legend="{ legend }">
222239
#LEGEND
@@ -236,8 +253,8 @@ function selectLegend(legend) {
236253
<template #build>
237254
<VueUiScatter :dataset="dataset" :config="config" :key="`build_${step}`">
238255
<template #svg="{ svg }">
239-
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
240-
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
256+
<circle :cx="30" :cy="30" :r="30" fill="#42d392" />
257+
<text :x="30" :y="30" text-anchor="middle">#SVG</text>
241258
</template>
242259
<template #legend="{ legend }">
243260
#LEGEND
@@ -257,8 +274,8 @@ function selectLegend(legend) {
257274
<template #VDUI-build>
258275
<VueDataUi component="VueUiScatter" :dataset="dataset" :config="config" :key="`VDUI-build_${step}`">
259276
<template #svg="{ svg }">
260-
<circle :cx="svg.width / 2" :cy="svg.height / 2" :r="30" fill="#42d392" />
261-
<text :x="svg.width / 2" :y="svg.height / 2" text-anchor="middle">#SVG</text>
277+
<circle :cx="30" :cy="30" :r="30" fill="#42d392" />
278+
<text :x="30" :y="30" text-anchor="middle">#SVG</text>
262279
</template>
263280
<template #legend="{ legend }">
264281
#LEGEND

0 commit comments

Comments
 (0)