Question

我正在尝试使用图表JS显示每个条形的值。我看到了该线程并遵循，但是出现错误。

链接： How to show data values or index labels in ChartJs (Latest Version)

var options = {
    events: false,
    showTooltips: false,
    animation: {
          duration: 0,
          onComplete: function(){
                var ctx = this.chart.ctx;
                ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontFamily, 'normal', Chart.defaults.global.defaultFontFamily);
                ctx.textAlign = 'center';
                ctx.textBaseLine = 'bottom';

                this.data.datasets.forEach(function(dataset){
                console.log(dataset);
                for(var i = 0; i < dataset.data.length; i++){
                    var model = dataset._meta[0].dataset._children[i]._model;
                    ctx.fillText(dataset.data[i], model.x, model.y - 5);
                }
            });
        }
    }
};

错误

TypeError：dataset._meta [0] .dataset为空

Answer 1

正如您在链接的帖子（您链接的帖子）上所看到的那样，答案包含如下代码：

for (var i = 0; i < dataset.data.length; i++) {
    for(var key in dataset._meta)
    {
        var model = dataset._meta[key].data[i]._model;
        ctx.fillText(dataset.data[i], model.x, model.y - 5);
    }
}

此代码已被接受。尝试这个。另外，您尝试使用具有相同的null错误问题。

Dataset._meta [0] .dataset在ChartJS

1 个答案: