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

问题描述 投票:0回答:1

我试图解决位置问题,绝对为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'
}
javascript jquery chart.js
1个回答
-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/

© www.soinside.com 2019 - 2024. All rights reserved.