为什么提示位置绝对使用JS不适用？

Question

我试图解决位置问题，绝对为charjs提示，但未能解决它。我已经尝试了很多关于它并发现了一些相关的主题，我试图在我的剧本，但不幸的是没有工作的落实。可能是我在错误的方法做。

我有此chart其具有工具尖端和它是从顶侧切削。我可以从各个方面说，因为当它从底部显示那么它也降低了。

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: 13,
    titleFontColor: '#FFFFFF',
    titleMarginBottom:10,
    bodyFontColor: '#FFFFFF',
    bodyFontSize: 14,
    bodySpacing:4,
    yPadding: 5,
    xPadding: 5,
    footerMarginBottom: 5,
    displayColors: false,
    yAlign: 'bottom'
}

Answer 1

通过减少字体和填补大小如下尝试。如果这对你的作品：

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'
}

链接：https://jsfiddle.net/p5gvLu6h/