[Bug]: text标记文本消失

[3185234167]

Describe the bug / 问题描述

我在制作一个饼图是遇到一个问题。
使用text()标记了几个文本，在重新加载数据后，文本都会消失。
当我使用异步加载数据或刷新数据后。点击图例文本就全都会消失。
这一点包括在设置data时设置类型 type 为 fetch ，同样会触发。
包括在文档中 的这个 页面 中如下图的示例

我们如果直接点击左上角图例筛选，里面的text()同样会消失

Reproduction link / 复现链接

No response

Steps to Reproduce the Bug or Issue / 重现步骤

1. 创建一个图表
2. 使用异步加载数据
3. 显示一个text文本
4. 点击图例进行筛选
5. text文本消失

Version / 版本

🆕 5.x

OS / 操作系统

• macOS
• Windows
• Linux
• Others / 其他

Browser / 浏览器

• Chrome
• Edge
• Firefox
• Safari (Limited support / 有限支持)
• IE (Nonsupport / 不支持)
• Others / 其他

[rubbishmaker]

确实是个问题，可以先监听下切换事件，手动调用下render作为hack方案先解决业务问题

[3185234167]

确实是个问题，可以先监听下切换事件，手动调用下render作为hack方案先解决业务问题

render会重置图例选中效果，这样会导致图例筛选失效。我暂时使用position将文本定位到图中。

[lxfu1]

可以先用 label 实现一下，这个是设计问题，我们想想怎么处理比较合适。

const availableLabel = (item) => {
  return item.date === '2017-12-17' && item.type === 'blockchain'
}

chart
  .line()
  .encode('x', (d) => new Date(d.date))
  .encode('y', 'value')
  .label({
    text: '2017-12-17, 受比特币影响，blockchain 搜索热度达到峰值：100',
    formatter: (text, item) => {
      if(availableLabel(item)) {
        return text
      }
      return ''
    },
    wordWrap: true,
    wordWrapWidth: 164,
    dx: -174,
    dy: 30,
    fill: '#2C3542',
    fillOpacity: 0.65,
    fontSize: 10,
    background: (item) => availableLabel(item),
    backgroundFill: '#eee',
    backgroundPadding: [4, 4],
    backgroundRadius: 2,
    connector: true,
    startMarker: true,
    startMarkerFill: '#2C3542',
    startMarkerFillOpacity: 0.65
  })
  .encode('color', 'type');

[lxfu1]

还有一个比较 hack 的方法，主动绑定 color 通道。

chart
  .text()
  .encode('color', ()=> 'blockchain')
  .data([new Date('2017-12-17'), 100])
  .xx