当我使用 echarts 更新数据以在漏斗图上显示时，标签会从屏幕上消失

Question

这是我遇到问题的图表。

Echart示例

问题是，如果您更改任何数据值，标签就会在漏斗图上消失。我的目标是即使我更改数据值，也将标签保留在屏幕右侧。

动态更新任何值，无需重新加载图表。

data: [
        { value: 60, name: 'Visit' },
        { value: 40, name: 'Inquiry' },
        { value: 20, name: 'Order' },
        { value: 80, name: 'Click' },
        { value: 100, name: 'Show' }
      ]

我需要将标签放在屏幕右侧，我知道如何做到这一点的唯一方法是使用 labelLayout 选项。问题是，当包含该选项时，就会出现问题。

我尝试用echarts查看文档和其他问题，但一无所获。

我正在开发一个 Angular 17 项目，但是您可以使用 echarts 网站在上面的示例中看到问题。

Answer 1

这个问题似乎与动画有关。如果您设置了

animation: false

，则不会发生。

示例