github/go-view
github/go-view
3
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-02-24 16:22:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 修改雷达预览不会更新数据的问题

Browse Source
This commit is contained in:
奔跑的面条 2022-09-08 17:01:43 +08:00
parent f1ed9c848a
commit aa3a5fbf84
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/packages/components/Charts/Mores/Radar/index.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<v-chart ref="vChartRef" :theme="themeColor" :option="option" :manual-update="isPreview()" autoresize></v-chart> <v-chart :theme="themeColor" :option="option.value" autoresize></v-chart>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { computed, PropType, watch } from 'vue' import { reactive, PropType, watch } from 'vue'
import VChart from 'vue-echarts' import VChart from 'vue-echarts'
import { use } from 'echarts/core' import { use } from 'echarts/core'
import { CanvasRenderer } from 'echarts/renderers' import { CanvasRenderer } from 'echarts/renderers'
@ -33,21 +33,20 @@ const props = defineProps({
use([DatasetComponent, CanvasRenderer, RadarChart, GridComponent, TooltipComponent, LegendComponent]) use([DatasetComponent, CanvasRenderer, RadarChart, GridComponent, TooltipComponent, LegendComponent])
const option = computed(() => { const option = reactive({
return mergeTheme(props.chartConfig.option, props.themeSetting, includes) value: {}
}) })
const dataSetHandle = (dataset: any) => { const dataSetHandle = (dataset: any) => {
if (dataset.seriesData) { if (dataset.seriesData) {
props.chartConfig.option.series[0].data = dataset.seriesData
// @ts-ignore // @ts-ignore
props.chartConfig.option.legend.data = dataset.seriesData.map((i: { name: string }) => i.name) props.chartConfig.option.legend.data = dataset.seriesData.map((i: { name: string }) => i.name)
} }
if (dataset.radarIndicator) { if (dataset.radarIndicator) {
props.chartConfig.option.radar.indicator = dataset.radarIndicator props.chartConfig.option.radar.indicator = dataset.radarIndicator
} }
if (dataset.seriesData) { option.value = mergeTheme(props.chartConfig.option, props.themeSetting, includes)
props.chartConfig.option.series[0].data = dataset.seriesData
}
} }
watch( watch(
@ -60,7 +59,7 @@ watch(
} }
) )
const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (newData: any) => { useChartDataFetch(props.chartConfig, useChartEditStore, (newData: any) => {
dataSetHandle(newData) dataSetHandle(newData)
}) })
</script> </script>