how to implement animation in bar chart in angular 10

0
votes

Throwing an error at this.chart. animation: { duration: 1, onComplete: ()=> void { var chartInstance= this.chart, ctx = chartInstance.ctx;

                // ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, Chart.defaults.global.defaultFontStyle, Chart.defaults.global.defaultFontFamily);
                ctx.textAlign = 'center';
                ctx.textBaseline = 'bottom';

                this.data.datasets.forEach((dataset:any, i:any)=> {
                    var meta = chartInstance.controller.getDatasetMeta(i);
                    meta.data.forEach((bar:any, index:any)=> {
                        var data = dataset.data[index];
                        ctx.fillText(data, bar._model.x, bar._model.y - 5);
                    });
                });
            }
        },
        tooltips: {"enabled": true}
    }
});

}

angular10