After creating a PlotlyJS barpolar chart, I noticed an issue with the background color where the bars end. The background color seems to be stuck on white, as shown in the image. (Please ignore the transparent black rounded square in the background, as it is just the div in which the graph is rendered).
My main question is how can I change this background color? I tried using paper_bgcolor and plot_bgcolor, but they didn't have any effect other than making the background square transparent.
https://i.sstatic.net/5oO13tHO.png
Below is my layout code:
var layout = {
paper_bgcolor: 'rgba(0,0,0,0)',
plot_bgcolor: 'rgba(0,0,0,0)',
bgcolor: 'rgba(0,0,0,0)',
showLegend: false,
"polar": {
"hole": 0.0,
"bargap": 0,
"radialaxis": {
"visible": false,
"type": 'linear',
range: [0, 100],
gridcolor: 'rgba(0,0,0,0)'
},
"angularaxis": {
visible: false,
"type": 'category',
"direction": 'counterclockwise',
gridcolor: 'rgba(0,0,0,0)'
}
},
margin: {
l: 0,
r: 0,
b: 0,
t: 0,
pad: 4
},
};