I am using angular-chart.js(which uses Chart.js) to create charts in my angular app. I want to add values on top of the bars in a bar chart. If extending the defaults charts in Chart.js is the only way, can you please provide a reference code?
问问题
5441 次
2 回答
4
您可以使用此处的答案如何在 Chart.js 上显示数据值并稍微修改回调函数以显示索引值而不是值
...
this.datasets.forEach(function (dataset) {
dataset.bars.forEach(function (bar, i) {
ctx.fillText(i + 1, bar.x, bar.y - 5);
});
})
...
回调可以通过 angular-chart options 参数传入。您不会扩展图表类型,因此您不需要使用 angular-chart 注册新指令。
于 2015-08-25T22:04:03.913 回答
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);
});
})
希望这可以帮助你..
于 2017-01-18T11:12:27.260 回答