Javascript 如何使用CARTJS在每个栏中间添加附加标签

我试图在图表中间添加百分比值。 目前，我有以下几点：

我想把我的图表做成这样：

< P> >如何使用CARTJS添加这个百分比值或任何类型的文本？p> 提前谢谢

您可以按如下方式使用：

新图表（document.getElementById（“myChart”）{
输入：“酒吧”，
数据：{
标签：['A'，'B'，'C']，
数据集：[{
标签：“X”，
数据：[15,8,12]，
背景颜色：“红色”
},
{
标签：“Y”，
数据：[7,6,15]，
背景颜色：“蓝色”
},
{
标签：“Z”，
数据：[6,12,10]，
背景颜色：“绿色”
}
]
},
选项：{
插件：{
数据标签：{
格式化程序：（值，上下文）=>{
让total=context.chart.data.datasets[context.dataIndex].data.reduce（（a，b）=>a+b，0）；
返回数学四舍五入（1000/总*值）/10+'%'；
},
颜色：“白色”
}
},
比例：{
xAxes：[{
是的
}],
雅克斯：[{
是的
}]
}
}
});
画布{
最大宽度：400px；
}

如果我有
数据：[15,8,12,39]之类的数据，它会显示一个错误。
请显示您的更多代码和详细错误消息，否则几乎无法提供帮助。谢谢您的评论。我用另一种方式修复了它。