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)
 }];

附件是我要实现的示例背景：

gradient background

谢谢！

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'
}

Plotly.js 时间序列图表上的渐变色

Plotly.js gradient color on time series chart

javascript

plotly

plotly.js