如何在混合图表中仅在所选图形上显示数据值? (ChartJS)

时间:2019-04-21 16:08:15

标签: chart.js

我有条形图和折线图的混合图表。两者都显示其数据标签,但我只希望条形图显示其自己的数据标签,而不显示折线图。

我从How to show data values or index labels in ChartJs (Latest Version)那里获得了这段代码

我应该如何调整?

animation: {
       onComplete: function() {
           var ctx = this.chart.ctx;
           ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, Chart.defaults.global.defaultFontStyle, Chart.defaults.global.defaultFontFamily);
           ctx.fillStyle = "white";
           ctx.textAlign = "center";
           ctx.textBaseline = "bottom";

           this.data.datasets.forEach(function (dataset) 
           {
                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+15);
                     }
                 }
            });
       }
}

0 个答案:

没有答案