first commit
This commit is contained in:
36
resources/js/views/charts/apex-chart/ApexChartBalance.vue
Normal file
36
resources/js/views/charts/apex-chart/ApexChartBalance.vue
Normal file
@@ -0,0 +1,36 @@
|
||||
<script setup>
|
||||
import { useTheme } from 'vuetify'
|
||||
import { getLineChartSimpleConfig } from '@core/libs/apex-chart/apexCharConfig'
|
||||
|
||||
const vuetifyTheme = useTheme()
|
||||
const balanceChartConfig = computed(() => getLineChartSimpleConfig(vuetifyTheme.current.value))
|
||||
|
||||
const series = [{
|
||||
data: [
|
||||
280,
|
||||
200,
|
||||
220,
|
||||
180,
|
||||
270,
|
||||
250,
|
||||
70,
|
||||
90,
|
||||
200,
|
||||
150,
|
||||
160,
|
||||
100,
|
||||
150,
|
||||
100,
|
||||
50,
|
||||
],
|
||||
}]
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<VueApexCharts
|
||||
type="line"
|
||||
height="400"
|
||||
:options="balanceChartConfig"
|
||||
:series="series"
|
||||
/>
|
||||
</template>
|
Reference in New Issue
Block a user