Ищете совет, как изменить цвет фона сюжета на прозрачный?

Я просмотрел документы, но не смог найти ни одной ссылки.

pie_chart = { 'data': [{ 'labels': ['V0', 'V1', 'V2', 'V3', 'V4', 'V5', 'V6', 'V7', 'V8', 'V9'], 'values': [55, 22, 31, 32, 33, 45, 44, 42, 12, 67], 'type': 'pie', 'sort': false, }], 'layout': { backgroundColor: "rgba(255,255,255,0.5)", width: 320, } } Plotly.newPlot('plot', pie_chart.data, pie_chart.layout); 
 #plot { background-color: lightblue; } 
 {amp}lt;script src="https://cdn.plot.ly/plotly-latest.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;div id="plot"{amp}gt; {amp}lt;/div{amp}gt; 

Пожалуйста, используйте свойство paper_bgcolor layout чтобы сделать его transparent .

paper_bgcolor (color):
по умолчанию: «#fff»
Устанавливает цвет бумаги, где рисуется график.

Из официальной документации, доступной здесь

 pie_chart = { 'data': [{ 'labels': ['V0', 'V1', 'V2', 'V3', 'V4', 'V5', 'V6', 'V7', 'V8', 'V9'], 'values': [55, 22, 31, 32, 33, 45, 44, 42, 12, 67], 'type': 'pie', 'sort': false, }], 'layout': { paper_bgcolor: "rgba(0,0,0,0)", width: 320, } } Plotly.newPlot('plot', pie_chart.data, pie_chart.layout); 
 #plot { background-color: lightblue; } 
 {amp}lt;script src="https://cdn.plot.ly/plotly-latest.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;div id="plot"{amp}gt; {amp}lt;/div{amp}gt; 

 pie_chart = { 'data': [{ 'labels': ['V0', 'V1', 'V2', 'V3', 'V4', 'V5', 'V6', 'V7', 'V8', 'V9'], 'values': [55, 22, 31, 32, 33, 45, 44, 42, 12, 67], 'type': 'pie', 'sort': false, }], 'layout': { width: 320, } } Plotly.newPlot('plot', pie_chart.data, pie_chart.layout); 
 #plot { background-color: lightblue !important; } .main-svg { background-color: transparent !important; } 
 {amp}lt;script src="https://cdn.plot.ly/plotly-latest.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;div id="plot"{amp}gt; {amp}lt;/div{amp}gt; 

Это то, что вы ищете? Надеюсь, это поможет!!

plot_bgcolor устанавливает цвет области печати между осями x и y.

paper_bgcolor устанавливает цвет бумаги, на которой рисуется график (= вне осей, но внутри родительского div).

Так что для прозрачного фона вам нужно использовать оба в разделе макета следующим образом:

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

Официальная ссылка: https://plot.ly/javascript/reference/#layout-paper_bgcolor

Донат Сечско

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,