diff --git a/src/components/CircleProcessChart/handleSeries.js b/src/components/CircleProcessChart/handleSeries.js index 4e003b3d..618b6482 100644 --- a/src/components/CircleProcessChart/handleSeries.js +++ b/src/components/CircleProcessChart/handleSeries.js @@ -95,17 +95,17 @@ export function setRadius(baseOption, chartInstance, iChartOption) { const width = chartInstance?.getWidth?.(); const height = chartInstance?.getHeight?.(); const canvasRadius = Math.min(width / 2, height / 2); - //内圆-4为纠正为实际显示尺寸 + // -2去除borderwidth带来的粗细影响 if (isNumber(radius)) { - baseOption.polar.radius = [radius - barWidth - 4, radius]; + baseOption.polar.radius = [radius - barWidth - 2, radius]; } else if (isString(radius)) { let newRadius = radius.includes('%') ? percentToDecimal(radius) * Math.min(chartInstance?.getWidth?.() / 2, chartInstance?.getHeight?.() / 2) : parseFloat(radius); - baseOption.polar.radius = [newRadius - barWidth - 4, newRadius]; + baseOption.polar.radius = [newRadius - barWidth - 2, newRadius]; } else { if (radius.length === 1) { // 数组1项时,根据barWidth补齐内圆 let outerRing = radius[0].includes('%') ? percentToDecimal(radius[0]) * canvasRadius : parseFloat(radius[0]); - baseOption.polar.radius = [outerRing - barWidth - 4, radius[0]]; + baseOption.polar.radius = [outerRing - barWidth - 2, radius[0]]; } else { baseOption.polar.radius = radius; } @@ -116,7 +116,7 @@ export function setRadius(baseOption, chartInstance, iChartOption) { if (position && position.radius) { let outerRing = position.radius; iChartOption.position.radius = position.radius - baseOption.polar.radius = [outerRing - barWidth - 4, outerRing]; + baseOption.polar.radius = [outerRing - barWidth - 2, outerRing]; } if (position && position.center) { baseOption.polar.center = position.center;