G2Plot
G2Plot copied to clipboard
双轴图添加slider功能后数据未对齐的问题
Discussed in https://github.com/antvis/G2Plot/discussions/3609
Originally posted by jasonzysun June 27, 2023 使用版本:v2.4.25
dualAxes = new DualAxes('buyDIMView-container', {
data: [data, data],
xField: 'date',
yField: ['payAmount', 'tokenAmount'],
label: {
// 可手动配置 label 数据标签位置
position: 'middle', // 'top', 'bottom', 'middle',
// 配置样式
style: {
fill: '#FFFFFF',
opacity: 0.6
}
},
geometryOptions: [
{
geometry: 'column'
},
{
geometry: 'line',
lineStyle: {
lineWidth: 2
}
}
]
})
添加Slider后:
dualAxes = new DualAxes('buyDIMView-container', {
data: [data, data],
xField: 'date',
yField: ['payAmount', 'tokenAmount'],
label: {
// 可手动配置 label 数据标签位置
position: 'middle', // 'top', 'bottom', 'middle',
// 配置样式
style: {
fill: '#FFFFFF',
opacity: 0.6
}
},
geometryOptions: [
{
geometry: 'column'
},
{
geometry: 'line',
lineStyle: {
lineWidth: 2
}
}
],
slider: {
start: 0.0,
end: 1.0
}
})
同时,刷新页面时有概率出现缩略图宽体未填充完整的情况,此时的双轴图数据是对齐的。
麻烦问一下,加了slider后,右侧Y轴数据叠在横线上这个问题如何解决?
解决办法:
1.配置里手动设置padding
2.渲染完成后,强制将left view的padding同步为autoPadding
解决办法: 1.配置里手动设置padding 2.渲染完成后,强制将left view的padding同步为autoPadding
有效,感谢大佬
