如何在chart.js中的水平图的末尾显示金额

时间:2018-10-05 06:19:09

标签: javascript chart.js

我正在使用Chart js版本2.7.0。我想在水平条形图的末尾显示金额。我尝试了以下代码,但无法显示。

var myChart = new Chart(elementIdName, {
    type: 'horizontalBar',
    data: {
        labels: yAxisLabels,
        datasets: dataArray
    },

    showTooltips: false,
    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);
            });
        })
    }
});

0 个答案:

没有答案