如何在chartjs中的每个条形顶部显示条形值

Question

我正在使用Chartjs绘制一些条形图，我想在每个条形图的顶部显示相关值，我还没有看到任何允许在文档中执行此操作的参数。

有没有办法做到这一点？

Answer 1

你可以尝试

    onAnimationComplete: function () {    
        var ctx = this.chart.ctx;
        ctx.font = this.scale.font;
        ctx.fillStyle = this.scale.textColor
        ctx.textAlign = "center";
        ctx.textBaseline = "bottom";

        this.datasets.forEach(function (dataset) {
            dataset.bars.forEach(function (bar) {
                ctx.fillText(bar.value, bar.x, bar.y - 5);
            });
        })
    }

使用以下链接

http://jsfiddle.net/TZq6q/304/

Answer 2

set＆＃34; inGraphDataShow：true＆＃34;在您的代码中，它将显示栏顶部的所有值