散点图设置legend后，tooltip的提示不变 #4957

tooltip 的应该通过 mark.tooltip 设置：

import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  autoFit: true,
});

chart
  .point()
  .data({
    type: 'fetch',
    value:
      'https://gw.alipayobjects.com/os/basement_prod/6b4aa721-b039-49b9-99d8-540b3f87d339.json',
  })
  .encode('x', 'height')
  .encode('y', 'weight')
  .encode('color', 'gender')
  .tooltip({
    title: { valueFormatter: () => 'test-legend' },
  })

chart.render();

tooltip 的应该通过 mark.tooltip 设置：

import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  autoFit: true,
});

chart
  .point()
  .data({
    type: 'fetch',
    value:
      'https://gw.alipayobjects.com/os/basement_prod/6b4aa721-b039-49b9-99d8-540b3f87d339.json',
  })
  .encode('x', 'height')
  .encode('y', 'weight')
  .encode('color', 'gender')
  .tooltip({
    title: { valueFormatter: () => 'test-legend' },
  })

chart.render();

谢谢，试了一下，是生效的。 但valueFormatter的回调是否可以给一下必要的数据，比如在这个例子里需要gender的值。

import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  autoFit: true,
});

chart
  .point()
  .data({
    type: 'fetch',
    value:
      'https://gw.alipayobjects.com/os/basement_prod/6b4aa721-b039-49b9-99d8-540b3f87d339.json',
  })
  .encode('x', 'height')
  .encode('y', 'weight')
  .encode('color', 'gender')
  .tooltip({
    title: {
      valueFormatter: (a, b, c, d) => {
        console.log("value formatter...", a, b, c, d) // 一些必要的信息，但现在是null
        return 'test-legend'
      }
    },
  })

chart.render();

如下的写法就不会是 null 了，需要指定 field 或者 channel：

import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  autoFit: true,
});

chart
  .point()
  .data({
    type: 'fetch',
    value:
      'https://gw.alipayobjects.com/os/basement_prod/6b4aa721-b039-49b9-99d8-540b3f87d339.json',
  })
  .encode('x', 'height')
  .encode('y', 'weight')
  .encode('color', 'gender')
  .tooltip({
    title: {
      field: 'gender',
      valueFormatter: d => d.toUpperCase()
    },
  })

chart.render();

谢谢