Javascript 更改打印背景颜色

Javascript 更改打印背景颜色,javascript,plotly,Javascript,Plotly,正在寻找如何将plotly plot的背景色更改为透明的建议 我已经查阅了文件,但找不到任何参考资料 饼图={ “数据”:[{ ‘标签’:[‘V0’、‘V1’、‘V2’、‘V3’、‘V4’、‘V5’、‘V6’、‘V7’、‘V8’、‘V9’], “值”:[55、22、31、32、33、45、44、42、12、67], 'type':'pie', “sort”:false, }], “布局”:{ 背景色:“rgba(255255,0.5)”, 宽度:320, } } Plotly.newPlot(

正在寻找如何将plotly plot的背景色更改为透明的建议

我已经查阅了文件,但找不到任何参考资料

饼图={
“数据”:[{
‘标签’:[‘V0’、‘V1’、‘V2’、‘V3’、‘V4’、‘V5’、‘V6’、‘V7’、‘V8’、‘V9’],
“值”:[55、22、31、32、33、45、44、42、12、67],
'type':'pie',
“sort”:false,
}],
“布局”:{
背景色:“rgba(255255,0.5)”,
宽度:320,
}
}
Plotly.newPlot('plot',饼图.数据,饼图.布局)
#绘图{
背景颜色:浅蓝色;
}

饼图={
“数据”:[{
‘标签’:[‘V0’、‘V1’、‘V2’、‘V3’、‘V4’、‘V5’、‘V6’、‘V7’、‘V8’、‘V9’],
“值”:[55、22、31、32、33、45、44、42、12、67],
'type':'pie',
“sort”:false,
}],
“布局”:{
宽度:320,
}
}
Plotly.newPlot('plot',饼图.数据,饼图.布局)
#绘图{
背景色:浅蓝色!重要;
}
.主svg{
背景色:透明!重要;
}

请使用
版面的
纸张颜色
属性
使其
透明

纸张颜色(颜色):
默认值:“#fff”
设置纸张的颜色,其中 这张图是画出来的

从官方文件中,可获得

饼图={
“数据”:[{
‘标签’:[‘V0’、‘V1’、‘V2’、‘V3’、‘V4’、‘V5’、‘V6’、‘V7’、‘V8’、‘V9’],
“值”:[55、22、31、32、33、45、44、42、12、67],
'type':'pie',
“sort”:false,
}],
“布局”:{
纸张颜色:“rgba(0,0,0,0)”,
宽度:320,
}
}
Plotly.newPlot('plot',饼图.数据,饼图.布局)
#绘图{
背景颜色:浅蓝色;
}

绘图\u bgcolor设置x轴和y轴之间绘图区域的颜色

纸张\u bgcolor设置绘制图形的纸张颜色(=轴外部,但父div内部)

因此,对于透明背景,您需要在布局部分中同时使用这两个,如下所示:

layout = {
   plot_bgcolor: "rgba(0,0,0,0)",
   paper_bgcolor: "rgba(0,0,0,0)"
}

官方参考资料:

你知道,是的,也不是。我试过了,但愚蠢地失败了。这是一个不错的解决方法,但我仍然想知道是否有比
重要的
更好的方法,那就是我们必须覆盖该绘图的默认样式设置。重要的关键词是做同样的事情@Sidhanshu_uu有一个plotly属性用于设置布局的背景色。在布局中,只需给出
'layout':{width:320,bgcolor:“rgb(0,0,0,0)”}
并删除css
。主svg{背景色:透明!重要;}
也不需要
!重要信息
Iguess@NarenMurali我试过了。但是默认设置仍然覆盖了背景的给定样式@Sidhanshu_uuuuuu糟糕,属性是
纸张颜色:“rgba(0,0,0,0)”
在布局中使用
纸张颜色:“rgba(0,0,0,0)”
,我想您的问题已经解决了@伊丹改变了它