hailin
/
dv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: clear maskImage when switching back to rectangle shape 

- Explicitly set maskImage=undefined for rectangle mode
- Force re-mount EChartsBase on wordcloud shape change via React key
- Prevents stale mask from previous shape persisting

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hailin 2026-04-05 21:53:54 -07:00
parent f13ebe97be
commit abe696deb5
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/adapters/gateways/EChartsOptionBuilder/wordcloudOptionBuilder.ts
View File

@ -272,9 +272,8 @@ export function buildWordcloudOption(
data: wordData, data: wordData,
}; };
if (maskImage) { // Always set maskImage explicitly — undefined clears previous mask
series.maskImage = maskImage; series.maskImage = maskImage ?? undefined;
}
option.series = [series]; option.series = [series];
return option; return option;

5
frontend/src/frameworks/components/charts/ChartRenderer.tsx
View File

@ -38,8 +38,11 @@ export const ChartRenderer: React.FC<ChartRendererProps> = ({ chart, data, chart
default: default:
const borderRadius = chart.style?.background?.borderRadius ?? 0; const borderRadius = chart.style?.background?.borderRadius ?? 0;
const overflow = borderRadius > 0 ? 'hidden' as const : undefined; const overflow = borderRadius > 0 ? 'hidden' as const : undefined;
// Force re-mount when wordcloud shape changes (plugin caches mask internally)
const wcShape = (chart.style as any)?.wordcloud?.shape ?? 'default';
const echartsKey = chart.type === 'wordcloud' ? `${chartId}-${wcShape}` : chartId;
return echartsOption return echartsOption
? <EChartsBase chartId={chartId} option={echartsOption} style={{ width: '100%', height: '100%', minHeight: 250, borderRadius, overflow }} /> ? <EChartsBase key={echartsKey} chartId={chartId} option={echartsOption} style={{ width: '100%', height: '100%', minHeight: 250, borderRadius, overflow }} />
: <div style={{ padding: 16, color: '#999', textAlign: 'center' }}>请绑定数据字段</div>; : <div style={{ padding: 16, color: '#999', textAlign: 'center' }}>请绑定数据字段</div>;
} }
}; };