双Y轴 + 缩略轴,拖动缩略轴,meta设置X轴为false,会导致右Y轴数据和X轴错位
- Dominant language
- TypeScript
- Stars
- 12.6k
- Forks
- 1.7k
- PR merge metrics
- No merged PRs in 30d
Description
import { DualAxes } from '@antv/g2plot';
const data = [
{ year: '1991', value: 3, count: 10 },
{ year: '1992', value: 4, count: 4 },
{ year: '1993', value: 3.5, count: 5 },
{ year: '1994', value: 5, count: 5 },
{ year: '1995', value: 4.9, count: 4.9 },
{ year: '1996', value: 6, count: 35 },
{ year: '1997', value: 7, count: 7 },
{ year: '1998', value: 9, count: 1 },
{ year: '1999', value: 13, count: 20 },
];
const dualAxes = new DualAxes('container', {
data: [data, data],
xField: 'year',
yField: ['value', 'count'],
geometryOptions: [
{
geometry: 'line',
color: '#5B8FF9',
},
{
geometry: 'line',
color: '#5AD8A6',
},
],
slider: {
start: 0,
end: 0.5
},
meta: {
// type: 'linear',
// year: false,
nice: true,
// range: [0, 0.5]
}
});
dualAxes.render();
以上为示例代码,以下为截图效果

Contributor guide
Research direction
Start at the DualAxes entry point and reproduce the provided example with the slider and meta configuration, including setting the X-axis metadata to false. Compare the right Y-axis data with the X-axis before and after dragging the thumbnail slider. Done means the right Y-axis remains aligned with the X-axis after the interaction.
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