G2Plot icon indicating copy to clipboard operation
G2Plot copied to clipboard

双轴图添加slider功能后数据未对齐的问题

Open jasonzysun opened this issue 2 years ago • 3 comments

Discussed in https://github.com/antvis/G2Plot/discussions/3609

Originally posted by jasonzysun June 27, 2023 使用版本:v2.4.25

添加Slider前: 929fb5064c6629f60af99f8f46b6e3a
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后: 4976d5837fe95ee5378aa96f3630b00

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
    }
  })

同时,刷新页面时有概率出现缩略图宽体未填充完整的情况,此时的双轴图数据是对齐的。 7b0c45de049fe05cd563f93d49c12b7

jasonzysun avatar Jul 07 '23 04:07 jasonzysun

麻烦问一下,加了slider后,右侧Y轴数据叠在横线上这个问题如何解决?

zhajidaidai avatar Jul 13 '23 03:07 zhajidaidai

解决办法: 1.配置里手动设置padding 2.渲染完成后,强制将left view的padding同步为autoPadding image

li1615882553 avatar Mar 05 '24 13:03 li1615882553

解决办法: 1.配置里手动设置padding 2.渲染完成后,强制将left view的padding同步为autoPadding image

有效,感谢大佬

HHN0609 avatar Jun 19 '24 03:06 HHN0609