github/go-view
github/go-view
4
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-04-30 09:10:10 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 修复已保存的饼图数据radius被watch修改为默认值bug https://gitee.com/dromara/go-view/issues/IBJ8QF

Browse Source
This commit is contained in:
xihai777 2025-04-21 18:16:57 +08:00 committed by 奔跑的面条
parent 5b92fac9e7
commit e2ff104a04
1 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/packages/components/Charts/Pies/PieCommon/index.vue
View File

@ -12,7 +12,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { computed, PropType, onMounted, watch } from 'vue' import { computed, PropType, onMounted, watch, ref } from 'vue'
import VChart from 'vue-echarts' import VChart from 'vue-echarts'
import { useCanvasInitOptions } from '@/hooks/useCanvasInitOptions.hook' import { useCanvasInitOptions } from '@/hooks/useCanvasInitOptions.hook'
import { use } from 'echarts/core' import { use } from 'echarts/core'
@ -26,6 +26,8 @@ import { isPreview } from '@/utils'
import { DatasetComponent, GridComponent, TooltipComponent, LegendComponent } from 'echarts/components' import { DatasetComponent, GridComponent, TooltipComponent, LegendComponent } from 'echarts/components'
import dataJson from './data.json' import dataJson from './data.json'
const isInit = ref<boolean>(false)
const props = defineProps({ const props = defineProps({
themeSetting: { themeSetting: {
type: Object, type: Object,
@ -103,15 +105,20 @@ watch(
() => props.chartConfig.option.type, () => props.chartConfig.option.type,
newData => { newData => {
try { try {
if (newData === 'nomal') { // 防止初始化时触发修改，导致部分参数丢失
props.chartConfig.option.series[0].radius = '70%' if (!isInit.value) {
props.chartConfig.option.series[0].roseType = false isInit.value = true
} else if (newData === 'ring') {
props.chartConfig.option.series[0].radius = ['40%', '65%']
props.chartConfig.option.series[0].roseType = false
} else { } else {
props.chartConfig.option.series[0].radius = '70%' if (newData === 'nomal') {
props.chartConfig.option.series[0].roseType = true props.chartConfig.option.series[0].radius = '70%'
props.chartConfig.option.series[0].roseType = false
} else if (newData === 'ring') {
props.chartConfig.option.series[0].radius = ['40%', '65%']
props.chartConfig.option.series[0].roseType = false
} else {
props.chartConfig.option.series[0].radius = '70%'
props.chartConfig.option.series[0].roseType = true
}
} }
} catch (error) { } catch (error) {
console.log(error) console.log(error)