使用react-pivottable时如何设置Plotly布局参数？

如何解决使用react-pivottable时如何设置Plotly布局参数？

在文档中它说

"Plotly 渲染器都接受 plotly 中的 rendererOptions 键 目的。此键合并到传递给的布局参数中 Plotly.newPlot() 可用于控制绘图大小、边距、字体、 轴、图例、背景颜色等。"

但遵循这些说明对绘图没有影响。

我的代码：

<Grid container direction='row'>
    <PivottableuI
         style={{paddingTop: 100}}
         data={tableData}
         aggregatorName={'Integer Sum'}
         vals={["Count"]}
         hiddenFromDragDrop = {['Count']}
         hiddenFromAggregators = {['SW','Tech','Area','Date']}
         renderers={Object.assign({},TableRenderers,PlotlyRenderers)}
         rendererOptions = {{plotly: {paper_bgcolor: "#3d3d3d"}}}
         rows={['Tech']}
         onChange={s => setState(s)}
         {...state}
     />
</Grid>

我正在尝试更改绘图的背景颜色，但默认为白色。

我在这里做错了什么？