ChartJs 2如何在加载时从甜甜圈图中删除数字

Question

因此，我有一个甜甜圈图，该图在加载时会在图表段上显示数据编号。它使图表混乱不堪，我找不到找到解决方法。我尝试过：

Chart.defaults.global.legend.display = false;

但是，这会删除图例，而不是图表上的标签。

因此，1）如何删除这些数据标签来清除图表？ 2）如该图所示，图表在左侧和右侧被裁剪。我确实检查了画布的宽度和高度，看起来它有更多的空间可以增长。那么，为什么要裁剪图表呢？

Answer 1

Chart.js默认情况下不会绘制任何数据标签。您很可能已经激活（导入）了绘制这些标签的插件，例如chartjs-plugin-datalabels。

对于特定图表实例的disable a global plugin，必须将plugin选项设置为false。

在chartjs-plugin-datalabels的情况下，操作如下：

options: {
  plugins: {
    datalabels: {
      display: false
    }
  },
}

为避免裁剪的数据标签，您可以通过选项layout.padding在图表的左侧和右侧定义一些额外的空间，如下所示：

options: {
  layout: {
    padding: {
      left: 50,
      right: 50
    }
  }
}