如何使用chartjs-plugins-datalabels删除零值标签

k2fxgqgv 于 2022-11-06 发布在 Chart.js

关注(0)|答案(2)|浏览(174)

为了在条形图上显示值，我使用了chartjs-plugins-datalabels。但是，我的数据包含了很多零，因此导致图表看起来很乱。我不能将零定义为'null/undefined'，因为它需要使用。我如何使用chartjs-plugins-datalabels删除[0]的值标签而不重新定义零？
My bar chart
下面是数据标签的代码：

plugins:{
    datalabels: {
    align: 'end',
    anchor: 'end'
    },
 },

chart.js

来源：https://stackoverflow.com/questions/73683664/how-to-remove-zero-values-labels-using-chartjs-plugins-datalabels

2条答案

按热度按时间

qzwqbdag1#

你可以定义一个formatter，如下所示。如果值为零，函数返回一个空字符串，否则返回值本身。

plugins:{
  datalabels: {
    align: 'end',
    anchor: 'end',
    formatter: v => v ? v : ''
  }
}

有关详细信息，请参阅chartjs-plugin-datalabels文档中的“自定义标签”。

赞(0）回复(0）举报 2022-11-06

7dl7o3gd2#

将零更改为未定义或空

赞(0）回复(0）举报 2022-11-06

我来回答

如何使用chartjs-plugins-datalabels删除零值标签

2条答案

相关问题

热门标签

最新问答