fix(图表): 修复饼图、玫瑰图再只有一个数据时显示图形不完整的问题

This commit is contained in:
jianneng-fit2cloud
2026-06-03 10:03:30 +08:00
parent 41320f5105
commit 5c046f3258
3 changed files with 25 additions and 4 deletions

View File

@@ -1,4 +1,5 @@
import { useI18n } from '@/hooks/web/useI18n'
import type { G2Spec } from '@antv/g2'
const { t } = useI18n()
@@ -61,3 +62,19 @@ export const PIE_AXIS_CONFIG: AxisConfig = {
limit: 1
}
}
export const configSingleSectorScale = (options: G2Spec, data: any[]): G2Spec => {
if (data.length !== 1) {
return options
}
options.scale = {
...options.scale,
x: {
...options.scale?.x,
padding: 0,
paddingInner: 0,
paddingOuter: 0
}
}
return options
}

View File

@@ -11,6 +11,7 @@ import {
PIE_EDITOR_PROPERTY,
PIE_EDITOR_PROPERTY_INNER
} from '@/views/chart/components/js/panel/charts/g2plot/pie/common'
import { configSingleSectorScale } from './common'
import {
getTooltipSeriesTotalMap,
handleChartDashboardHidden,
@@ -136,8 +137,9 @@ export class Pie extends G2ChartView {
}
data.push(initOtherItem)
}
options.coordinate.outerRadius = basicStyle.radius / 100
return options
const singleSectorOptions = configSingleSectorScale(options, data)
singleSectorOptions.coordinate.outerRadius = basicStyle.radius / 100
return singleSectorOptions
}
protected configColor(chart: Chart, options: G2Spec): G2Spec {

View File

@@ -11,6 +11,7 @@ import {
PIE_EDITOR_PROPERTY,
PIE_EDITOR_PROPERTY_INNER
} from '@/views/chart/components/js/panel/charts/g2plot/pie/common'
import { configSingleSectorScale } from './common'
import {
getTooltipSeriesTotalMap,
handleChartDashboardHidden,
@@ -141,8 +142,9 @@ export class Rose extends G2ChartView {
}
data.push(initOtherItem)
}
options.coordinate.outerRadius = basicStyle.radius / 100
return options
const singleSectorOptions = configSingleSectorScale(options, data)
singleSectorOptions.coordinate.outerRadius = basicStyle.radius / 100
return singleSectorOptions
}
protected configColor(chart: Chart, options: G2Spec): G2Spec {