[Solved]-Chart js. How to align text by the center of the tooltip?-Chart.js

your align properties were messing things up. give this a try:

https://jsfiddle.net/m7s43hrs/2951/

you are using 2.5.0, which has bug. update to latest 2.8.0, its working fine already. https://jsfiddle.net/zhuhang95/utc9wenx/4/

usually, using titlealign and bodyalign should do the trick.

chart.js docs: https://www.chartjs.org/docs/latest/configuration/tooltip.html#alignment

        options: {
            tooltips: {
                titlealign: 'center',
                bodyalign: 'center'
            }
        }