我当前的代码:

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%`,
    },
  ],
};

我想缩小标题和甜甜圈图表之间的空格.我try 在边距对象中添加Pad:0,但不起作用.此外,我在标题对象中也找不到任何相关属性.有没有物业可以帮我?增加了党卫军.

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相关问答推荐

Vue:ref不会创建react 性属性

没有输出到带有chrome.Devtools扩展的控制台

嵌套异步JavaScript(微任务和macrotask队列)

在观察框架中搜索CSV数据

用JavaScript复制C#CRC 32生成器

如何控制Reaction路由加载器中的错误状态?

我怎么在JS里连续加2个骰子的和呢?

是什么导致了这种奇怪的水平间距错误(?)当通过JavaScript将列表项元素追加到无序列表时,是否在按钮之间?

本地库中的chartjs-4.4.2和chartjs-plugin-注解

使用父标签中的Find函数查找元素

为什么在函数中添加粒子的速率大于删除粒子的速率?

如何访问此数组中的值?

使每个<;li>;元素的 colored颜色 与随机生成的 colored颜色 列表不同(不重复

如何为仅有数据可用的点显示X轴标签?

处理TypeScrip Vue组件未初始化的react 对象

bootstrap S JS赢得了REACT中的函数/加载

使用Perl Selify::Remote::Driver执行Java脚本时出错

使用Java脚本替换字符串中的小文本格式hashtag

如何缩小函数中联合返回类型的范围

鼠标进入,每秒将图像大小减小5%