Why tooltip position absolute does not apply using js?

by

👍:-1

Try by reducing the font and padding sizes as below.
IF this works for you : 

tooltips: {
    callbacks: {

        label: function(tooltipItem, data) {
            return  data['datasets'][0]['data'][tooltipItem['index']] + ' has sold' ;
        },
        title: function(tooltipItem, data) {
            return 'On ' + data['labels'][tooltipItem[0]['index']] ;
        }
    },
    backgroundColor: '#0C1330',
    titleFontSize: 10,
    titleFontColor: '#FFFFFF',
    titleMarginBottom:1,
    bodyFontColor: '#FFFFFF',
    bodyFontSize: 11,
    bodySpacing:1,
    yPadding: 2,
    xPadding: 2,
    footerMarginBottom: 2,
    displayColors: false,
    yAlign: 'bottom'
}

Link : https://jsfiddle.net/p5gvLu6h/

Leave a comment