Цвет градиента Plotly.js на графике временных рядов

Question

Я работаю над диаграммой временного ряда и задаюсь вопросом, возможно ли, чтобы диаграмма имела подобный градиентный фон.Вот ручка того, что у меня сейчас есть: https://codepen.io/boinx-fm/pen/RqogXV

var data = [{
     x: [time],
     y: [rand()],
     mode:'lines',
     fill:'tozeroy',
     fillcolor :'rgba(249, 180, 14, 0.5)
 }];

Прилагается образец фона, которого я пытаюсь достичь:

градиентный фон

Спасибо!

Answer 1

Plotly.js не поддерживает цвет градиента в данный момент.

Вы можете подписаться на https://github.com/plotly/plotly.js/issues/581 для получения информации о разработке.

Чтобы изменить цвет фона макета:

var layout = {
  xaxis:{
    range:[newTime,nextTime]
  },
  yaxis:{
    range:[0,1],
    zeroline: false,
    showline: false,
    autotick: true,
    ticks: '',
    showticklabels: false
  },
  // Change background color here ...
  paper_bgcolor: 'green',
  plot_bgcolor: 'blue'
}