javascript - 如何减少 plotly js 中标题和圆环图之间的空间？

Question

我当前的代码:

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。

Answer 1

可以通过title参数中的变量y来控制空格，比如y=0.8如下:

title: {
    text: `donut`,
    y: 0.8  # you can change this value as you prefer to reduce the space
  },