ChartJs 2 如何在加载时从圆环图中删除数字

Question

所以，我有这个圆环图，在加载时会在图表段上显示数据编号。它使图表变得混乱，我找不到办法将其取出。我试过：

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

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

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

Answer 1

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

要禁用特定图表实例的全局插件plugin，选项必须设置为false。

对于 的情况chartjs-plugin-datalabels，将按如下方式完成：

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

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

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