Plotly.extendTraces работает только с двумя трассами, но не с тремя - PullRequest
Новая
       11

Plotly.extendTraces работает только с двумя трассами, но не с тремя

3 голосов
/ 21 апреля 2019 
function getData() {
  return Math.random();
};

function plotGraph(graph_div) {
  let UPDATE_INTERVAL = 300;

  Plotly.plot(graph_div, [{
    y: [1, 2, 3].map(getData),
    name: 'x',
    mode: 'lines',
    line: { color: '#80CAF6' }
  }, {
    y: [1, 2, 3].map(getData),
    name: 'y',
    mode: 'lines',
    line: { color: '#DF56F1' }
  }, {
    y: [1, 2, 3].map(getData),
    name: 'z',
    mode: 'lines',
    line: { color: '#4D92E9' }
  }]);

  var cnt = 0;

  var interval = setInterval(function () {
    var time = new Date();

    Plotly.extendTraces(graph_div, {
      y: [[getData()], [getData()], [getData()]]
    }, [0, 1])

    cnt = cnt+1;
    if (cnt === 100) clearInterval(interval);
  }, UPDATE_INTERVAL);

}

ошибка: 

plotly-latest.min.js:7 Uncaught Error: attribute y must be an array of length equal to indices array length
    at plotly-latest.min.js:7
    at R (plotly-latest.min.js:7)
    at Object.t [as extendTraces] (plotly-latest.min.js:7)
    at realtime_vis.js:40

указывает на 

Plotly.extendTraces(graph_div, {
      y: [[getData()], [getData()], [getData()]]
    }, [0, 1])

В примере из официальной документации показано только, как построить 2 линии, но этот пример не работает с тремя линиями.Любая помощь?Я предполагаю, что могу явно указать размер массива?!

1 Ответ

2 голосов
/ 22 апреля 2019

Документация Plotly не совсем понятна здесь , но третий параметр - это массив индексов печати, которые вы хотите изменить.

В вашем случае вы говорите Plotly изменить [0, 1], но вы предоставляете 3 новых значения y.Если вы измените его на [0, 1, 2], оно должно работать, или вы можете указать только два новых значения y. 

function getData() {
  return Math.random();
};

Plotly.plot(graph_div, [{
	y: [1, 2, 3].map(getData),
	name: 'x',
	mode: 'lines',
	line: { color: '#80CAF6' }
}, {
	y: [1, 2, 3].map(getData),
	name: 'y',
	mode: 'lines',
	line: { color: '#DF56F1' }
}, {
	y: [1, 2, 3].map(getData),
	name: 'z',
	mode: 'lines',
	line: { color: '#4D92E9' }
}]);

var cnt = 0;

var interval = setInterval(function () {
	var time = new Date();

	Plotly.extendTraces(graph_div, {
		y: [[getData()], [getData()], [getData()]]
	}, [0, 1, 2])

	cnt = cnt+1;
	if (cnt === 100) clearInterval(interval);
}, 300);
<head>
  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
  <div id="graph_div"></div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...