zramsay/cosmos-explorer
1
0
Fork 0
forked from cerc-io/cosmos-explorer
Code Pull Requests Actions Activity

feat: chart show

Browse Source
This commit is contained in:
Alisa | Side.one 2023-06-12 15:15:48 +08:00
parent eff43c87b1
commit d960db4840
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/charts/DonutChart.vue
View File

@ -9,22 +9,22 @@ const props = defineProps(['series', 'labels']);
const baseStore = useBaseStore();
const expenseRationChartConfig = computed(() => {
const theme = baseStore.theme;
getDonutChartConfig(theme, props?.labels);
const theme = baseStore.theme;
return getDonutChartConfig(theme, props?.labels);
});
</script>
<template>
<ApexCharts
type="donut"
height="410"
:options="expenseRationChartConfig"
:series="series"
/>
<ApexCharts
type="donut"
height="410"
:options="expenseRationChartConfig"
:series="series"
/>
</template>
<script lang="ts">
export default {
name: 'DonetChart',
name: 'DonetChart',
};
</script>

2
src/components/charts/apexChartConfig.ts
View File

@ -166,7 +166,7 @@ const themeColors = (theme: string) => {
};
};
// 👉 Colors variables
const colorVariables = (theme: string) => {
export const colorVariables = (theme: string) => {
if (theme === 'light') {
return {
themeSecondaryTextColor: 'rgba(76,78,100,0.6)',