Skip to content

Commit 7b98e59

Browse files
graphierosgraphieros
authored
Merge pull request #151 from graphieros/ft-chart-background-slot
Ft chart background slot
2 parents 216c722 + ded59e5 commit 7b98e59

File tree

104 files changed

+1019
-157
lines changed

Some content is hidden

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

104 files changed

+1019
-157
lines changed

‎README.md‎

Lines changed: 82 additions & 51 deletions
Large diffs are not rendered by default.

‎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

0 commit comments

Comments
 (0)