我的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
}
}
但是当图表甚至没有引用插件时,为什么这是必要的甚至是可能的?
答案 0 :(得分:1)
在DataLabelPlugin的文档中写为:
此插件在全球范围内进行注册,这意味着一旦导入,所有 图表将显示标签。如果您只想启用几个 图表,您首先需要在全球范围内取消注册
ref:https://chartjs-plugin-datalabels.netlify.app/guide/getting-started.html#integration