Chartjs + DataLabelPlugin:即使没有插件,每个图表中也会突然显示数据标签?

时间:2020-01-12 09:57:40

标签: angular chart.js

我的Angular 8应用程序使用了几张图表,这些图表是我使用Cartjs(使用ng2-charts创建的)创建的。

对于一张图表,我需要显示每个数据点的数据标签。所以我在项目中添加了chartjs-plugin-datalabels,导入了插件

import * as DataLabelPlugin from 'chartjs-plugin-datalabels'

将其添加到图表的插件列表中

chartPlugins = [DataLabelPlugin]

并进行相应配置:

plugins: {
  datalabels: {
    align: "top"
  }
}

到目前为止一切顺利。一切正常。除此之外,我所有其他图表现在也显示了数据标签。在插件列表中,没有一个导入'chartjs-plugin-datalabels'或引用了DataLabelPlugin

摆脱标签的唯一方法是显式禁用标签:

plugins: {
  datalabels: {
    display: false
  }
}

但是当图表甚至没有引用插件时,为什么这是必要的甚至是可能的?

1 个答案:

答案 0 :(得分:1)

在DataLabelPlugin的文档中写为:

此插件在全球范围内进行注册,这意味着一旦导入,所有 图表将显示标签。如果您只想启用几个 图表,您首先需要在全球范围内取消注册

ref:https://chartjs-plugin-datalabels.netlify.app/guide/getting-started.html#integration