fix: dark mode text color
Some checks failed
Spell Check / Spell Check with Typos (push) Failing after 7s
Some checks failed
Spell Check / Spell Check with Typos (push) Failing after 7s
This commit is contained in:
parent
b3ad7629ce
commit
94a1e413cb
1 changed files with 3 additions and 2 deletions
|
|
@ -1,6 +1,6 @@
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { Icon } from '@iconify/vue/dist/iconify.js';
|
import { Icon } from '@iconify/vue/dist/iconify.js';
|
||||||
import VueApexCharts from 'vue3-apexcharts';
|
import VueApexCharts, { VueApexChartsComponent } from 'vue3-apexcharts';
|
||||||
import DataDisplay from 'src/components/08_request-list/DataDisplay.vue';
|
import DataDisplay from 'src/components/08_request-list/DataDisplay.vue';
|
||||||
import { computed } from 'vue';
|
import { computed } from 'vue';
|
||||||
import { formatNumberDecimal } from 'src/stores/utils';
|
import { formatNumberDecimal } from 'src/stores/utils';
|
||||||
|
|
@ -22,12 +22,13 @@ const prop = withDefaults(
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
const chartOptions = computed(() => {
|
const chartOptions = computed<VueApexChartsComponent['options']>(() => {
|
||||||
return {
|
return {
|
||||||
colors: ['#035aa1', '#ae3ec9', '#ffa94d', '#e64980'],
|
colors: ['#035aa1', '#ae3ec9', '#ffa94d', '#e64980'],
|
||||||
chart: {
|
chart: {
|
||||||
fontFamily: 'Noto Sans Thai',
|
fontFamily: 'Noto Sans Thai',
|
||||||
type: 'line',
|
type: 'line',
|
||||||
|
foreColor: 'var(--foreground)',
|
||||||
zoom: {
|
zoom: {
|
||||||
enabled: false,
|
enabled: false,
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue