Javascript 点以上的值-chart.js

我正在使用这个版本的ChartJS-> 我想问你，有没有可能在这一点上增加价值？ 我想到的是：

^例如：-）

他试图用谷歌找到一些东西，但没有成功

---

提前感谢，

是的，有可能：-）

但是，到目前为止，ChartJS中还没有内置的功能。你宁愿创建一个图表插件

ᴘʟᴜɣɪɴ

plugins: [{
   afterDatasetsDraw: function(chart) {
      var ctx = chart.ctx;
      chart.data.datasets.forEach(function(dataset, index) {
         var datasetMeta = chart.getDatasetMeta(index);
         if (datasetMeta.hidden) return;
         datasetMeta.data.forEach(function(point, index) {
            var value = dataset.data[index],
                x = point.getCenterPoint().x,
                y = point.getCenterPoint().y,
                radius = point._model.radius,
                fontSize = 14,
                fontFamily = 'Verdana',
                fontColor = 'black',
                fontStyle = 'normal';
            ctx.save();
            ctx.textBaseline = 'middle';
            ctx.textAlign = 'center';
            ctx.font = fontStyle + ' ' + fontSize + 'px' + ' ' + fontFamily;
            ctx.fillStyle = fontColor;
            ctx.fillText(value, x, y - radius - fontSize);
            ctx.restore();
         });
      });
   }
}]

*添加此选项，然后添加图表选项

ᴡᴏʀᴋɪɴɢ ᴇxᴀᴍᴘʟᴇ ⧩

var图表=新图表（ctx{
键入：“行”，
数据：{
标签：[一月、二月、三月、四月、五月]，
数据集：[{
标签：“第1行”，
数据：[3,1,4,2,5]，
背景颜色：“rgba（0，119，290，0.5）”，
边框颜色：“rgba（0，119，290，0.6）”，
填充：假
}, {
标签：“第2行”，
数据：[2,4,1,5,3]，
背景颜色：“rgba（233,30,99,0.5）”，
边框颜色：“rgba（233,30,99,0.6）”，
填充：假
}]
},
选项：{
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的，
最高：7
}
}]
}
},
插件：[{
afterDatasetsDraw：功能（图表）{
var ctx=chart.ctx；
图表.数据.数据集.forEach（函数（数据集，索引）{
var datasetMeta=chart.getDatasetMeta（索引）；
if（datasetMeta.hidden）返回；
datasetMeta.data.forEach（函数（点、索引）{
var值=数据集。数据[索引]，
x=点。getCenterPoint（）.x，
y=点。getCenterPoint（）.y，
半径=点。_model.radius，
fontSize=14，
fontFamily='Verdana'，
fontColor='黑色'，
fontStyle=‘正常’；
ctx.save（）；
ctx.textb基线='中间'；
ctx.textAlign='中心'；
ctx.font=fontStyle+''+fontSize+'px'+''+fontFamily；
ctx.fillStyle=fontColor；
填充文本（值，x，y-半径-字体大小）；
ctx.restore（）；
});
});
}
}]
});