'Line animation not smooth

https://i.gyazo.com/db800ab9ab250f258b50897f33e3133c.mp4 How can i make my chart not just dissapear like that? This is to make the lines for pterodactyl panel smooth but it just cuts off a chunk at the end of the chart.

const chartDefaults = (ticks ? : Chart.TickOptions | undefined): ChartConfiguration => ({
  type: 'line',
  options: {
    animation: {
      duration: 1400,
      easing: "linear",
      animateScale: true,
      animateRotate: true,
    },
    elements: {
      point: {
        radius: 0,
      },
      line: {
        tension: 0.3,
        backgroundColor: 'rgba(15, 178, 184, 0.45)',
        borderColor: '#32D0D9',
      },
    },
  },
});

Full code: https://pastebin.com/raw/JaHqPCYa



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source