在 javascript 图表中加载实时数据，该图表也使用 Django 框架显示旧数据

问：

我有一个 Django 框架项目 （Python），我想在我的网页上添加一个实时图表。为此，我正在使用 Plotly。在我的javascript脚本中，我正在生成随机数并将它们绘制在图表中。现在，我想绘制特定的数据（来自 Django Rest Framework 的 POST 请求），以便用户可以检查该实时数据以及旧数据（例如，昨天的数据）。问题是javascript在客户端运行，这意味着我的图表在用户重新加载页面时开始，所以没有旧数据要加载，他只能实时检查一个。如果他重新加载网站，以前的数据也会消失。知道如何实现这一点吗？ 我的脚本是：

<script>
        function rand() {
        return Math.random();
        }
  
        var time = new Date();
  
        var data = [{
          x: [time], 
          y: [rand()],
          mode: 'line',
          line: {color: '#80CAF6'}
        }]
  
        Plotly.plot('chart', data);  
  
        var cnt = 0;
  
        var interval = setInterval(function() {
          
          var time = new Date();
          
          var update = {
          x:  [[time]],
          y: [[rand()]]
          }
          
          Plotly.extendTraces('chart', update, [0])
        
          if(cnt > 100) {
            Plotly.relayout('chart',{
                xaxis: {
                range: [cnt-100,cnt]
              }
              });
          }
        }, 1000);
  
</script>```