antvis / antvis/G2

[Bug]: legend 配置 maxCols 未生效

Open
#7,012 5 comments 0 reactions 0 assignees View on GitHub
waiting for maintainer
Dominant language
TypeScript
Stars
12.6k
Forks
1.7k
PR merge metrics
No merged PRs in 30d

Description

### Describe the bug / 问题描述

```
import { Chart } from '@antv/g2';

const chart = new Chart({ container: 'container', height: 350 });
const shapeList = ['bowtie', 'smooth', 'hv', 'rect', 'hollowPoint'];
const data = [
{ genre: 'Sports', sold: 50 },
{ genre: 'Strategy', sold: 115 },
{ genre: 'Action', sold: 120 },
{ genre: 'Shooter', sold: 350 },
{ genre: 'Other', sold: 150 },
];
chart.options({
type: 'interval',
data,
encode: { x: 'genre', y: 'sold', color: 'genre' },
legend: {
color: {
maxCols: 1
},
},
});

chart.render();
```

### Reproduction link / 复现链接

(https://g2.antv.antgroup.com/manual/component/legend#%E9%85%8D%E7%BD%AE%E9%A1%B9)

### Steps to Reproduce the Bug or Issue / 重现步骤

![Image](https://github.com/user-attachments/assets/4149837c-58e2-4610-b45e-bad95aacbb5d)

### Version / 版本

Please select / 请选择

### OS / 操作系统

- [x] macOS
- [ ] Windows
- [ ] Linux
- [ ] Others / 其他

### Browser / 浏览器

- [x] Chrome
- [ ] Edge
- [ ] Firefox
- [ ] Safari (Limited support / 有限支持)
- [ ] IE (Nonsupport / 不支持)
- [ ] Others / 其他

Contributor guide

Open the contributing guide

Research direction

Start with the legend configuration documentation and the supplied Chart reproduction. Trace how the color legend reads maxCols, then verify the example with maxCols set to 1. Done means the legend layout visibly respects that setting in the reproduced chart.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.