图表js条形图之间的数据点

Question

我正在使用Chart.js库。我想在条形图上添加数据指针。在此附加示例图像..

尝试了很多来实现这一点。但是无法在图表js中获得选项。有人可以帮帮我吗？

Answer 1

Chart.js的两个选项：

<强> 1。使用data labels plugin：

plugins: { datalabels: { color: 'red', align: 'top', anchor: 'end', formatter: function(value, context) { console.log(context) if (value>70) return "("+context.dataIndex + '): ' + value; else return ""; } } }

示例：http://jsfiddle.net/beaver71/wo2cd3jf/

<强> 2。使用annotation plugin：

annotation: { drawTime: 'afterDatasetsDraw', annotations: annotations_array }

示例：https://jsfiddle.net/beaver71/esnjuqzv/