我当前的代码:
const donutData = [
{
values: [2, 98],
labels: ['', ''],
sort: false,
marker: {
colors: ['#0099cc', '#535353'],
},
name: '',
hoverinfo: 'none',
textfont: {
size: [16, 1],
color: ['#ffffff', '#535353'],
fill: ['#ffffff', '#535353'],
},
hole: 0.7,
insidetextorientation: 'none',
type: 'pie',
textposition: 'none',
automargin: true,
},
];
const layout = {
paper_bgcolor: '#262626',
plot_bgcolor: '#262626',
autosize: true,
margin: { t: 100, b: 10, l: 0, r: 0 },
font: {
color: '#fff',
family: 'Roboto',
size: 18,
},
showlegend: false,
width: 500,
height: 500,
title: {
text: `donut`,
},
annotations: [
{
font: {
size: 60,
},
showarrow: false,
text: `30%`,
},
],
};
我想减少标题和圆环图之间的空间。我尝试在 margin 对象中添加 pad:0 但它没有用。此外，我在标题对象中找不到任何相关属性。有什么属性(property)可以帮助我吗？添加了 SS。
最佳答案
可以通过title参数中的变量y来控制空格，比如y=0.8如下:
title: {
text: `donut`,
y: 0.8 # you can change this value as you prefer to reduce the space
},
关于javascript - 如何减少 plotly js 中标题和圆环图之间的空间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/73878929/