Добавить цвет с помощью удлинителей

Я знаю, как добавить дополнительные точки к моему набору данных на графике трехмерного рассеяния:

var interval = setInterval(function () {
  Plotly.extendTraces(my_Div, {
    x: [[Math.random()*100]],
    y: [[Math.random()*100]],
    z: [[Math.random()*100]]
  }, [0])

  // if (cnt === 100) clearInterval(interval);
}, 100);

Однако я также хочу иметь динамический цвет линии к этой точке (что возможно при прохождении точек за один раз). Таким образом, передавая например:

color: [[<some color>]]

Однако это приводит к ошибке cannot extend missing or non-array attribute: color, Кто-нибудь знает как это сделать? Документация не включает список параметров, которые могут быть переданы.

1 ответ

Нашел это, повозившись. Я предполагаю, что исходные данные добавляются следующим образом:

var data = [{
    type: 'scatter3d',
    mode: 'lines',
    x: x,
    y: y,
    z: z,
    opacity: 1,
    line: {
      width: 10,
      color: c,
      reversescale: false
    }
  }];

Тогда можно также расширить цвет;

var interval = setInterval(function () {
  Plotly.extendTraces(my_Div, {
    x: [[Math.random()*100]],
    y: [[Math.random()*100]],
    z: [[Math.random()*100]],
    'line.color': [[-1]]
  }, [0])

  // if (cnt === 100) clearInterval(interval);
}, 100);
Другие вопросы по тегам