fix(echarts): use scroll legend for horizontal layouts to prevent overlap (#36306)

(cherry picked from commit 33a425bbbc)
This commit is contained in:
Yousuf Ansari
2025-12-18 00:46:35 +05:30
committed by Joe Li
parent 8a92092d7e
commit cc428c7a5c
3 changed files with 24 additions and 6 deletions

View File

@@ -437,15 +437,21 @@ export function getLegendProps(
zoomable = false,
legendState?: LegendState,
padding?: LegendPaddingType,
): LegendComponentOption | LegendComponentOption[] {
const legend: LegendComponentOption | LegendComponentOption[] = {
): LegendComponentOption {
const isHorizontal =
orientation === LegendOrientation.Top ||
orientation === LegendOrientation.Bottom;
const effectiveType =
type === LegendType.Scroll || !isHorizontal ? type : LegendType.Scroll;
const legend: LegendComponentOption = {
orient: [LegendOrientation.Top, LegendOrientation.Bottom].includes(
orientation,
)
? 'horizontal'
: 'vertical',
show,
type,
type: effectiveType,
selected: legendState,
selector: ['all', 'inverse'],
selectorLabel: {