eCharts 中的 X 轴值移动速度不够快

Question

我在 eCharts 中有一个移动的 x 轴。值从右向左移动。但是 x 轴上的值移动得不够快并且卡在右侧。我能做点什么吗？

数据来自子接收器。我正在使用 Angular。

我无法减慢流速，因为它应该那么快。 x 轴上的值必须以某种方式移动得更快。

Answer 1

您的 eCharts 图表似乎遇到了问题，其中 x 轴上的值移动得不够快，无法跟上来自订阅（子汇）的数据。要解决此问题并确保 x 轴值随数据平滑移动，您可以尝试以下方法：

请插入一些代码。

但不知道代码：

• 确保动画已启用
• 像这样使用数据缓冲区：

      const dataBuffer = [];
    dataBuffer.push(newData);
    if (dataBuffer.length > maxBufferSize) {
      dataBuffer.shift();
    }
    chart.setOption({
      xAxis: {
        data: dataBuffer.map(item => item.x)
    
      },
      series: [
        {
          data: dataBuffer.map(item => item.y)
        },
      ],
    });

• 并更新数据频率：

   dataStream.pipe(throttleTime(500)).subscribe(newData => {
   
   });