我正在使用angular-chart.js(使用Chart.js)在我的角应用中创建图表。我想在条形图中的条形顶部添加值。 如果扩展Chart.js中的默认图表是唯一的方法,请提供参考代码吗?
答案 0 :(得分:4)
你可以在这里使用答案how to display data values on Chart.js并稍微修改回调函数以显示索引值而不是值
...
this.datasets.forEach(function (dataset) {
dataset.bars.forEach(function (bar, i) {
ctx.fillText(i + 1, bar.x, bar.y - 5);
});
})
...
可以通过angular-chart选项参数传入回调。您不会扩展图表类型,因此您不需要使用角度图表注册新指令。
答案 1 :(得分:0)
这是角度图选项的onAnimationComplete回调
onAnimationComplete: function () {
var chart = this.chart;
var ctx = this.chart.ctx;
this.datasets.forEach(function (dataset) {
dataset.bars.forEach(function (bar, i) {
console.log(bar)
ctx.fillText(bar.value, bar.x, bar.y - 5);
});
})
希望这可以帮助你..