Chartjs-How to show the data labels without hovering the mouse on the bubbles

by

0👍

This can be achieved by using the chartjs-plugin-datalabels(https://github.com/chartjs/chartjs-plugin-datalabels). Specifically, remove the tooltips section in plugins and add the following section:

        datalabels: {
            anchor: function(context) {
                return 'center';
            },
            align: function(context) {
                return 'center';
            },
            font: {
                weight: 'bold',
                size: '15'
            },
            formatter: function(value) {
                return value.label;
            },
            offset: 0,
            padding: 0
        }```

Leave a comment