Skip to content

Commit 2a05225

Browse files
committed
Dev environment - Update testing arena
1 parent b359202 commit 2a05225

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

51 files changed

+213
-28
lines changed

TestingArena/ArenaVueUi3dBar.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -204,6 +204,9 @@ const dataset = computed(() => datasets.value[selectedDataset.value])
204204
...config,
205205
responsive: true
206206
}">
207+
<template #chart-background>
208+
<div style="width: 100%; height: 100%; background: radial-gradient(at top left, red, white)"/>
209+
</template>
207210
<template #watermark="{ isPrinting }">
208211
<div v-if="isPrinting" style="font-size: 100px; opacity: 0.1; transform: rotate(-10deg)">
209212
WATERMARK

TestingArena/ArenaVueUiAgePyramid.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -219,6 +219,9 @@ function toggleTable() {
219219
...config,
220220
responsive: true
221221
}">
222+
<template #chart-background>
223+
<div style="width: 100%; height: 100%; background: radial-gradient(at top left, red, white)"/>
224+
</template>
222225
<template #watermark="{ isPrinting }">
223226
<div v-if="isPrinting" style="font-size: 100px; opacity: 0.1; transform: rotate(-10deg)">
224227
WATERMARK

TestingArena/ArenaVueUiBullet.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -134,6 +134,9 @@ const config = computed(() => {
134134

135135
<template #local>
136136
<LocalVueUiBullet :dataset="dataset" :config="config" ref="local">
137+
<template #chart-background>
138+
<div style="width: 100%; height: 100%; background: radial-gradient(at top left, red, white)"/>
139+
</template>
137140
<template #source>
138141
<div style="width:100%;font-size:10px;text-align:left">
139142
SOURCE: Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur, molestiae perspiciatis nam quae libero, deserunt in aperiam unde officia sint saepe laboriosam ducimus aspernatur labore! Sapiente aspernatur corrupti quis ad.

TestingArena/ArenaVueUiCandlestick.vue

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -226,6 +226,10 @@ const { local, build, vduiLocal, vduiBuild, toggleTable } = useArena()
226226
...config,
227227
responsive: true
228228
}">
229+
<template #chart-background>
230+
<div style="width: 100%; height: 100%; background: radial-gradient(at top left, red, white)"/>
231+
</template>
232+
229233
<template #watermark="{ isPrinting }">
230234
<div v-if="isPrinting" style="font-size: 100px; opacity: 0.1; transform: rotate(-10deg)">
231235
WATERMARK

TestingArena/ArenaVueUiCarouselTable.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -193,6 +193,9 @@ function resumeVduiBuild() {
193193
:dataset="dataset"
194194
ref="localComponent"
195195
>
196+
<template #chart-background>
197+
<div style="width: 100%; height: 100%; background: radial-gradient(at top left, red, white)"/>
198+
</template>
196199
<template #th="{th}">
197200
{{ th }}
198201
</template>

TestingArena/ArenaVueUiChestnut.vue

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -504,6 +504,10 @@ function selectNut(nut) {
504504
...config,
505505
responsive: true
506506
}">
507+
<template #chart-background>
508+
<div style="width: 100%; height: 100%; background: radial-gradient(at top left, red, white)"/>
509+
</template>
510+
507511
<template #watermark="{ isPrinting }">
508512
<div v-if="isPrinting" style="font-size: 100px; opacity: 0.1; transform: rotate(-10deg)">
509513
WATERMARK

TestingArena/ArenaVueUiDonut.vue

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -335,6 +335,11 @@ function toggleLabels() {
335335
...config,
336336
responsive: true
337337
}">
338+
339+
<template #chart-background>
340+
<div style="width: 100%; height: 100%; background: radial-gradient(at top left, red, white)"/>
341+
</template>
342+
338343
<template #plot-comment="{ plot }">
339344
<div :style="`text-align:${plot.textAlign};font-size: 10px; padding: 6px;`">
340345
{{ plot.comment }}

TestingArena/ArenaVueUiDonutEvolution.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -191,6 +191,9 @@ const step = ref(0)
191191

192192
<template #local>
193193
<LocalVueUiDonutEvolution :dataset="dataset" :config="config" :key="`local_${step}`" @selectLegend="selectLegend" ref="local">
194+
<template #chart-background>
195+
<div style="width: 100%; height: 100%; background: radial-gradient(at top left, red, white)"/>
196+
</template>
194197
<template #optionPdf>
195198
PRINT PDF
196199
</template>

TestingArena/ArenaVueUiDumbbell.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,6 +178,9 @@ const step = ref(0);
178178
...config,
179179
responsive: true
180180
}">
181+
<template #chart-background>
182+
<div style="width: 100%; height: 100%; background: radial-gradient(at top left, red, white)"/>
183+
</template>
181184
<template #watermark="{ isPrinting }">
182185
<div v-if="isPrinting" style="font-size: 100px; opacity: 0.1; transform: rotate(-10deg)">
183186
WATERMARK

TestingArena/ArenaVueUiFlow.vue

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,9 +38,9 @@ const model = ref([
3838
{ key: 'style.fontFamily', def: 'inherit', type: 'text' },
3939
{ key: 'style.chart.backgroundColor', def: '#FFFFFF20', type: 'color' },
4040
{ key: 'style.chart.color', def: '#1A1A1A', type: 'color' },
41-
{ key: 'style.chart.padding.top', def: 0, type: 'number', min: 0, max: 100 },
42-
{ key: 'style.chart.padding.left', def: 24, type: 'number', min: 0, max: 100 },
43-
{ key: 'style.chart.padding.right', def: 24, type: 'number', min: 0, max: 100 },
41+
{ key: 'style.chart.padding.top', def: 12, type: 'number', min: 0, max: 100 },
42+
{ key: 'style.chart.padding.left', def: 12, type: 'number', min: 0, max: 100 },
43+
{ key: 'style.chart.padding.right', def: 12, type: 'number', min: 0, max: 100 },
4444
{ key: 'style.chart.padding.bottom', def: 0, type: 'number', min: 0, max: 100 },
4545
{ key: 'style.chart.title.text', def: 'Lorem ipsum dolor', type: 'text' },
4646
{ key: 'style.chart.title.color', def: '#1A1A1A', type: 'color' },
@@ -117,6 +117,10 @@ const step = ref(0);
117117

118118
<template #local>
119119
<LocalVueUiFlow :dataset="dataset" :config="config" :key="`local_${step}`" ref="local">
120+
<template #chart-background>
121+
<div style="width: 100%; height: 100%; background: radial-gradient(at top left, red, white)"/>
122+
</template>
123+
120124
<template #optionPdf>
121125
PRINT PDF
122126
</template>

0 commit comments

Comments
 (0)