Skip to content

Commit 34dc9be

Browse files
graphierosgraphieros
committed
Improvement - Most chart components - Expose getImage method, improve components typings
1 parent 1949a22 commit 34dc9be

File tree

76 files changed

+1881
-307
lines changed

Some content is hidden

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

76 files changed

+1881
-307
lines changed

‎README.md‎

Lines changed: 83 additions & 53 deletions
Large diffs are not rendered by default.

‎TestingArena/ArenaVueUi3dBar.vue‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -194,6 +194,13 @@ const selectedDataset = ref('stacked')
194194
195195
const dataset = computed(() => datasets.value[selectedDataset.value])
196196
197+
onMounted(async () => {
198+
if (local.value) {
199+
const img = await local.value.getImage()
200+
console.log(img)
201+
}
202+
})
203+
197204
</script>
198205

199206
<template>

‎TestingArena/ArenaVueUiAgePyramid.vue‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script setup>
2-
import { ref, computed } from "vue";
2+
import { ref, computed, onMounted } from "vue";
33
import LocalVueUiAgePyramid from '../src/components/vue-ui-age-pyramid.vue';
44
import LocalVueDataUi from '../src/components/vue-data-ui.vue';
55
import Box from "./Box.vue";
@@ -204,6 +204,13 @@ function toggleTable() {
204204
build.value.toggleTable();
205205
}
206206
207+
onMounted(async () => {
208+
if (build.value) {
209+
const img = await build.value.getImage();
210+
console.log(img)
211+
}
212+
})
213+
207214
</script>
208215

209216
<template>

‎TestingArena/ArenaVueUiBullet.vue‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -126,6 +126,13 @@ const config = computed(() => {
126126
}
127127
})
128128
129+
onMounted(async () => {
130+
if (local.value) {
131+
const img = await local.value.getImage()
132+
console.log(img)
133+
}
134+
})
135+
129136
</script>
130137

131138
<template>

‎TestingArena/ArenaVueUiChestnut.vue‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script setup>
2-
import { ref, computed } from "vue";
2+
import { ref, computed, onMounted } from "vue";
33
import LocalVueUiChestnut from '../src/components/vue-ui-chestnut.vue';
44
import LocalVueDataUi from '../src/components/vue-data-ui.vue';
55
import Box from "./Box.vue";
@@ -492,6 +492,13 @@ function selectNut(nut) {
492492
console.log( { nut })
493493
}
494494
495+
onMounted(async () => {
496+
if (local.value) {
497+
const img = await local.value.getImage()
498+
console.log(img)
499+
}
500+
})
501+
495502
</script>
496503

497504
<template>

‎TestingArena/ArenaVueUiChord.vue‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script setup>
2-
import { ref, computed } from "vue";
2+
import { ref, computed, onMounted } from "vue";
33
import LocalVueUiChord from '../src/components/vue-ui-chord.vue';
44
import LocalVueDataUi from '../src/components/vue-data-ui.vue';
55
import Box from "./Box.vue";
@@ -103,6 +103,13 @@ const config = computed(()=> {
103103
}
104104
})
105105
106+
onMounted(async () => {
107+
if (local.value) {
108+
const img = await local.value.getImage()
109+
console.log(img)
110+
}
111+
})
112+
106113
</script>
107114

108115
<template>

‎TestingArena/ArenaVueUiCirclePack.vue‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -246,6 +246,13 @@ function selectDatapoint(dp) {
246246
console.log(dp)
247247
}
248248
249+
onMounted(async() => {
250+
if (local.value) {
251+
const img = await local.value.getImage()
252+
console.log(img)
253+
}
254+
})
255+
249256
</script>
250257

251258
<template>

‎TestingArena/ArenaVueUiDonutEvolution.vue‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script setup>
2-
import { ref, computed } from "vue";
2+
import { ref, computed, onMounted } from "vue";
33
import LocalVueUiDonutEvolution from '../src/components/vue-ui-donut-evolution.vue';
44
import LocalVueDataUi from '../src/components/vue-data-ui.vue';
55
import Box from "./Box.vue";
@@ -189,6 +189,13 @@ function selectLegend(legend) {
189189
190190
const step = ref(0)
191191
192+
onMounted(async() => {
193+
if (vduiLocal.value) {
194+
const img = await vduiLocal.value.getImage();
195+
console.log(img)
196+
}
197+
})
198+
192199
</script>
193200

194201
<template>

‎TestingArena/ArenaVueUiDumbbell.vue‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -168,6 +168,13 @@ const config = computed(() => {
168168
169169
const step = ref(0);
170170
171+
onMounted(async () => {
172+
if (local.value) {
173+
const img = await local.value.getImage()
174+
console.log(img)
175+
}
176+
})
177+
171178
</script>
172179

173180
<template>

‎TestingArena/ArenaVueUiGalaxy.vue‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script setup>
2-
import { ref, computed } from "vue";
2+
import { ref, computed, onMounted } from "vue";
33
import LocalVueUiGalaxy from '../src/components/vue-ui-galaxy.vue';
44
import LocalVueDataUi from '../src/components/vue-data-ui.vue';
55
import Box from "./Box.vue";
@@ -167,6 +167,13 @@ function selectDatapoint(datapoint) {
167167
console.log({ datapoint })
168168
}
169169
170+
onMounted(async () => {
171+
if (local.value) {
172+
const img = await local.value.getImage()
173+
console.log(img)
174+
}
175+
})
176+
170177
</script>
171178

172179
<template>

0 commit comments

Comments
 (0)