Есть код, который рисует графики реайлтайм.
У меня получилось сделать 2 графика рядом. Как сделать, чтобы оба графика рисовались в одной системе координат, а не в разных?
Пробовал делать вторую функцию Getdata2 и ниже делать в одном скрипте
spoilerPlotly.extendTraces('chart',{ y:[[getData2()]]}, [0]);
cnt++;
},15);
Он просто ее не рисует
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="plotly.min.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="navbar"><span>Real-Time Chart with Plotly.js</span></div>
<div class="wrapper">
<div id="chart"></div>
<script>
function getData() {
return Math.random()*3 - 1;
}
Plotly.plot('chart',[{
y:[getData()],
type:'line'
}]);
var cnt = 0;
setInterval(function(){
Plotly.extendTraces('chart',{ y:[[getData()]]}, [0]);
cnt++;
},15);
</script>
<div id="chart2"></div>
<script>
function getData() {
return Math.random()*3 - 1;
}
Plotly.plot('chart2',[{
y:[getData()],
type:'line'
}]);
var cnt = 0;
setInterval(function(){
Plotly.extendTraces('chart2',{ y:[[getData()]]}, [0]);
cnt++;
},15);
</script>
</div>
</body>
</html>
