我正在使用chart.js，需要在horizontalBar上制作一个图例，但不起作用，因为我的数据有5个值，图例标签上只显示一个值，该值为“未定义”，此未定义值控制所有图表颜色。下面是我的代码：第一个我正在使用chart.js v3.7和datalabels插件v2.0，我不知道如果这个插件和版本有冲突，但我做了一个面团图与相同的CDN的，一个工程代码：第一次这就是图表之间的区别：
有人知道怎么解决这个问题吗？
f4t66c6m1#
它显示为undefined，因为它使用数据集的标签，对于圆环图和饼图，chart.js会覆盖图例生成器以使用标签数组。您可以使用具有null值的多个数据集，然后将skipNull选项设置为true，如下所示：第一个
null
skipNull
编辑：
要使用datalabels插件，您需要像我的示例中那样内联或全局注册它。
g6ll5ycj2#
此answer说明如何解决垂直条形图的问题。该代码需要稍微调整，以便也适用于水平条形图。请看一下下面的代码，看看在您的情况下是如何完成的。第一个
2sbarzqh3#
在dataset对象中，只添加label:''，这将删除插入的undefined字符串。
dataset
label:''
undefined
3条答案
按热度按时间f4t66c6m1#
它显示为undefined，因为它使用数据集的标签，对于圆环图和饼图，chart.js会覆盖图例生成器以使用标签数组。
您可以使用具有
null值的多个数据集，然后将skipNull选项设置为true，如下所示：第一个
编辑：
要使用datalabels插件，您需要像我的示例中那样内联或全局注册它。
g6ll5ycj2#
此answer说明如何解决垂直条形图的问题。
该代码需要稍微调整，以便也适用于水平条形图。
请看一下下面的代码，看看在您的情况下是如何完成的。
第一个
2sbarzqh3#
在
dataset对象中，只添加label:''，这将删除插入的undefined字符串。