Я пытаюсь создать плавный сюжет Plotly. Однако я не уверен, какие параметры Plotly использовать для достижения результата в примере изображения в самом низу.
Мое Plotly здесь: RandomSignalFlow
HTML:
<head>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<div id="graph"></div>
</body>
JS:
function rand() {
return Math.random();
}
Plotly.plot('graph', [{
y: [1,2,3].map(rand),
mode: 'lines',
line: {color: '#80CAF6'}
}]);
var cnt = 0;
var interval = setInterval(function() {
Plotly.extendTraces('graph', {
y: [[rand()]]
}, [0])
if(cnt === 100) clearInterval(interval);
}, 300);
Таким образом, это создаст поток данных, но график будет постоянно сжиматься по горизонтали при поступлении данных. Я после поведения tracking (как на рисунке ниже).
Я пытался использовать .shift() для обрезки компонентов X и Y данных, но по какой-то причине это не сработало.
Проект, связанный с изображением здесь .