antvis/G2

[v5] tooltip 线跟鼠标位置相反 #4434

Valar103769 posted onGitHub

https://user-images.githubusercontent.com/36926073/206620964-d5c3c465-c8d2-4c7b-9f80-04b9ed130ca9.mov

 render: (container: string | HTMLDivElement) => {
        if (!container) {
          console.error('container 不存在')

          return
        }
        const chart = new Chart({
          container: container,
          autoFit: true,
        })
        const line1 = chart
          .line()
          .data(response.data1)
          .encode('x', (d) => Number(dayjs(d.hour, 'YYYY-MM-DD HH').format('HH')))
          .encode('y', 'new_recharge_orders')
          .encode('shape', 'smooth')
          .axis('x', { title: '时间' })
          .axis('y', { title: '充值金额' })

        // const line2 = chart
        //   .interval()
        //   .data(response.data2)
        //   .encode('x', 'x')
        //   .axis('x', { title: '时间' })

        //   .encode('y', 'new_recharge_orders')
        // .encode('shape', 'smooth')

        console.log('line1', line1.value)
        chart.interaction({
          type: 'tooltip',
        })
        chart.render()
      },

可以给一个完整的最小复显 demo 吗?一个 codesandbox 或者包含完整数据的代码片段。

posted by pearmini over 2 years ago

可以给一个完整的最小复显 demo 吗?一个 codesandbox 或者包含完整数据的代码片段。

难复现, 稍微配错就处bug, 我就没有使用太复杂的api,现在不知道怎么配置出来的了

posted by Valar103769 over 2 years ago

这个问题我复现了,当输入数据不是按照 x 通道升序排列的时候会出现问题。

posted by pearmini over 2 years ago

这个问题我复现了,当输入数据不是按照 x 通道升序排列的时候会出现问题。

x,y 都强制排序吧, 粗暴一点

posted by Valar103769 over 2 years ago

Fund this Issue

$0.00
Funded

Pull requests