Javascript 条形图上的Chart.js标签

我在一个项目上使用chart.js是因为它的MIT许可证，而不是Highcharts框架。有一件事可以在highcharts上轻松完成，但我似乎无法在Charts.js上完成，那就是在条形图顶部有标签：

在highcharts中，此条形图每个堆栈上的数字以以下方式配置：

plotOptions: {
        series: {
            dataLabels: {
                enabled: true
            }
        }
    

---

我已经读了很多书，但没有找到一种方法来实现同样的可视化，也没有在论坛上找到例子是否有一种方法可以使用Chart.js barcharts在条形图上显示数字？

使用Chart.js可以做到这一点。但是你需要插件。在这个脚本中，您可以看到它是如何实现的。使用此插件，

“bar”

类型的图表将自动向中心添加标签

var ctx2=document.getElementById（“堆栈图”）；
var stackChart1=新图表（ctx2{
类型：'bar'，
选项：{
比例：{
xAxes：[{
对,，
}],
雅克斯：[{
对,，
滴答声：{
贝吉纳泽罗：是的
}
}]
},
图例：{
显示：假，
标签：{
尺寸：20，
fontColor:“#595d6e”，
}
},
工具提示：{
已启用：false
},
插件：{
数据标签：{
格式化程序：（值，ctx）=>{
返回；
},
颜色：“#fff”，
}
}
},
数据：{
标签：['ㅇㅇ마트', 'ㅂㅂ프라자', 'ㅈㅈ랜드', 'ㅁㅁ마트', 'ㄴㄴ플러스'],
数据集：[{
背景色：“5e63b4”，
数据：[560056001000046005600]
}, {
背景色：“e11738”，
数据：[6000、3000、1600、6400、2300]
}]
},
})；

---

可以使用Chart.js执行此操作。但是，您需要该插件。在此脚本中，您可以看到它是如何实现的。使用此插件，类型为

'bar'

的图表将自动向中心添加标签

var ctx2=document.getElementById（“堆栈图”）；
var stackChart1=新图表（ctx2{
类型：'bar'，
选项：{
比例：{
xAxes：[{
对,，
}],
雅克斯：[{
对,，
滴答声：{
贝吉纳泽罗：是的
}
}]
},
图例：{
显示：假，
标签：{
尺寸：20，
fontColor:“#595d6e”，
}
},
工具提示：{
已启用：false
},
插件：{
数据标签：{
格式化程序：（值，ctx）=>{
返回；
},
颜色：“#fff”，
}
}
},
数据：{
标签：['ㅇㅇ마트', 'ㅂㅂ프라자', 'ㅈㅈ랜드', 'ㅁㅁ마트', 'ㄴㄴ플러스'],
数据集：[{
背景色：“5e63b4”，
数据：[560056001000046005600]
}, {
背景色：“e11738”，
数据：[6000、3000、1600、6400、2300]
}]
},
})；