'ChartJS tooltip position / placement

When I hover on point of my line chart I can see tooltip. Unfortunatelly the tooltip position is left or right by default. This is how it looks now -> actual. And this is how I would like it to be -> expected

How can I change its position to top / bottom? any ideas?

Solution 1:^[1]

Assuming you still need help with this. Add the following option:

 options: {
    tooltips: {
        yAlign: 'top'
    }
}

Solution 2:^[2]

In Chartjs v3, this works:

options: {
    plugins: {
        tooltip: {
            yAlign: 'bottom'
        }
    }
}

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	sturakov
Solution 2	rhdev

'ChartJS tooltip position / placement

Solution 1:[1]

Solution 2:[2]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]