antvis / antvis/G2

双Y轴 + 缩略轴,拖动缩略轴,meta设置X轴为false,会导致右Y轴数据和X轴错位

Open
#6,249 0 comments 0 reactions 0 assignees View on GitHub
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();

以上为示例代码,以下为截图效果
![image](https://github.com/antvis/G2/assets/33612665/550204c5-9cb4-4c35-b4b4-851eee168b30)

Contributor guide

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.