Html 如何创建使用随机数据的多线图

我已经编写了以下代码：我想在同一个图表上添加第二个折线图。我还想在x轴上添加日期/时间。请帮忙。这是随机数据。

函数getData（）{
var低=50；
var高=60；
var result=Math.floor（Math.random（）*（1+高-低））+低；
返回结果；
}  
Plotly.plot（'图表'[{
y:[getData（）]，
类型：'line'
}]);
var-cnt=0；
setInterval（函数（）{
extendTraces（'chart'，{y:[[getData（）]]}[0]）；
cnt++；
如果（碳纳米管>500）{
Plotly.relayout（'图表'{
xaxis：{
范围：[cnt-500，cnt]
}
});
}
},15);

    <div id="chart"></div>
    <script>
        function getData() {
        var low = 50;
        var high= 60;
     var result = Math.floor(Math.random() * (1 + high - low)) + low;
            return result;
        }  

        Plotly.plot('chart',[{
            y:[getData()],
            type:'line'
        }]);
        
        var cnt = 0;

        setInterval(function(){

            Plotly.extendTraces('chart',{ y:[[getData()]]}, [0]);
            cnt++;
            if(cnt > 500) {
                Plotly.relayout('chart',{
                    xaxis: {
                        range: [cnt-500,cnt]
                    }
                });
            }
        },15);
       
    </script>